
@media (min-width: 1199px) {
    .resetpwd {
        width: 100%;
        margin: 100px auto;
        height: 500px;
        background: rgba(255,255,255,1);
        box-sizing: border-box;
        padding-top: 25px;
    }
    /* 课程详情 */
    .v_time>span{
        margin-right:40px;
    }
    .bread_nav{
        display: block;
        width:100%;
        height:50px;
        line-height:50px;
        font-size:16px;
        color:#333333;
    }
    .video_desc{
        width:100%;
        height:404px;
        background:white;
        box-sizing: border-box;
        padding:25px 0;
        display: flex;
        /* justify-content: space-between */
    }
    #myvideo{
        width:623px;
        height:350px; 
    }
    .v_detail{
        margin-left:25px;
        width:40%;
        /* border:1px solid black; */
    }
    .v_detail>h3{
        width:100%;
        font-size:24px;
        color:rgba(51,51,51,1);
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        margin-bottom: 15px;
    }
    .v_time{
        width:60%;
        white-space: nowrap;
        margin-bottom: 30px;
    }
    .v_color{
        font-size:16px;
        color:rgba(102,102,102,1)
    }
    .v_teacher{
        line-height:35px;
    }
    .v_sc{
        width:22px;
        height:20px;
        vertical-align:sub;
        margin-right:10px;
    }
    .mysc{
        margin-top:10px;
    }
    .v_nav{
        width:95%;
        border-bottom:1px solid #E9E9E9;
        /* border:1px solid black; */
        height:75px;
        line-height:75px;
        /* padding-left:50px; */
        margin:0 auto;
    }
    .v_nav>span{
        display: inline-block;
        width:100px;
        font-size:16px;
        height:75px;
        margin-right:35px;
        text-align: center;
    }
    .v_nav_active{
        color:#970393;
        border-top:2px solid #BC31CE;
    }
    .v_nav_content{
        position: relative;
        width:100%;
        margin-top:25px;
    }
    #course_index,#course_detail{
        position: absolute;
        top:0;
        left:0;
        width: 100%;
        background:white;
        height:891px;
        overflow: hidden;
        /* overflow-y:scroll; */
    }
    .course_index_item{
        width:95%;
        margin:0 auto;
        /* border:1px solid black; */
        height:40px;
        background:#F4F4F4;
        border-radius: 5px;
        line-height:40px;
        margin-bottom: 25px;
        color:#666666;
        box-sizing:border-box;
        padding-left:25px;
        font-weight:400;
    }
    .course_index_item_active{
        color:#ffffff;
        background:#970393;
    }
    .hot_recmonded{

        border-left:3px solid #970393;
        height:30px !important;
        line-height: 30px;
    }
    .hot_recmonded_item{
        width:90%;
        margin:0 auto;
    }
  div.neirong{
        width:80%;
        margin-left:25px;

        height:800px;
        box-sizing: border-box;
        padding:25px;
        color:#888888;
        overflow: hidden;
        font-size: 14px;
    }
    .coure_item1{
        display: flex;
        flex-direction: column;
        width: 88%;
        margin: 20px auto;
        position: relative;
      
        height: 279px;
    }
    .coure_item1:hover {
        box-shadow: 0px 3px 9px 0px rgba(153,153,153,0.22);
        border-radius: 0px 0px 5px 5px;
    }
    .coure_item1:hover .mask{
        display: block;
    }
    .coure_item1>p{
        margin-left:10px;
    }
 /*开通会员样式  */
 .kaitongvip{
    height:618px; 
  padding-top:10px;
       margin-top:25px;
    background:white;
    margin-bottom: 35px;
}
.kaitongvip>h3{
    margin-top:25px;
    margin-bottom: 35px;
}
.kaitong_items{
    width:60%;
    margin:0 auto;
    height:280px;
}
.kaitong_item{
    width:100%;
    height:25%;
    border:1px solid rgba(222,222,222,1);
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-sizing:border-box;
    padding:15px 20px 15px 20px;
}
.times{
    font-size:16px;
    color:#333333;
}
.yiyuan{
    font-size:12px;
    color:#666666;
}
.total{
    font-size:18px;
    color:rgba(255,102,0,1)
}
.kaitong_item_active{
    width:100%;
    height:25%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-sizing:border-box;
    padding:15px 20px 15px 20px;
    background:#FFF5EE;
    border:2px solid #FF6600;
}
.jiesuan{
    width:100%;
    margin-top:47px;
    height:229px;
    background:rgba(255,249,237,1);
    border:1px solid rgba(222,222,222,1);

}
.choose{
    width:60%;
    margin:0 auto;
    /* border:1px solid black; */
    display: flex;
    justify-content: space-between;
    height:200px;
    align-items: center;
}
.choose>div>img{
    width:156px;
    height:48px;
    margin-right:20px;
}
.buytotal{
    color:#FF6600;
    font-size: 32px;
    font-weight: bold;
}
.buynow{
    width:156px;
    height:48px;
    background:rgba(255,102,0,1);
    font-size:18px;
    color:white;
    outline: none;
    border:none;
    margin-top:25px;
    margin-bottom: 80px;
}
    /* 会员中心 */
    .vip_bg{
        height:650px;
        width:100%;
    }
.vip_content{
    width:100%;
    height:180px;
    margin-top:400px;
    display: flex;
    justify-content: space-between;
}
.vip_item{
    width:22%;
    line-height:45px;
    height:140px;
    background:rgba(255,255,255,1);
    border-radius:10px;
    background:white;
    text-align: center;
    /* border:3px solid #970393; */
}
.vip_item_active{
    text-align: center;
    width:22%;
    line-height:45px;
    height:140px;
    background:rgba(255,255,255,1);
    border-radius:10px;
    background:white;
    border:5px solid #FBE622;
}
.myred{
    color:red;
}
.myprice{
    font-weight: bold;
    font-size:25px;
}
.sxk{
    width:86px;
    height:22spx;
}
.hour{
    font-size:16px;
}
.kaitong{
    width:182px;
    height:55px;
    background:#FBE622;
    font-size:18px;
    line-height:55px;
    border-radius: 55px;
    text-align: center;
    margin:0 auto;
    font-weight: 500;
}
    /* 我的学习页面样式 */
    .myc_banner{
        width:100%;
        box-sizing: border-box;
        height:212px;
    }
    .sayhi{
        height:100%;
        width:50%;
        margin:0 auto;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .uname{
        color:white;
        font-size:20px;
        margin-bottom: 20px;
    }
    .uname+p{
        color:white;
        font-size: 14px;
    }
    .liubai{
        width:100%;
        height:20px;
        background:#F8F8F8;
    }
    .join{
        width:265px;
        height:65px;
    }
    .study_nav{
        width:100%;
        height:66px;
        line-height:66px;
        background:#ffffff;
    }
    .st_item{
        width:100%;
        display: flex;
        justify-content: space-between;
    }
    .st_desc{
        width:100px;
        font-size: 14px;
        margin-right:15px;
    }
    .st_desc_actiev{
        color:#970393;
    }
    .scontent{
        width:100%;
        position: relative;
        margin-top:25px;
        background:white; 
        height:600px;     
    }
  
    #sjion,#sstu{
        position: absolute;
        top:0;
        left:0;
        width:100%;
        background:white;
        display: flex;
        flex-wrap: wrap;
        justify-self: flex-start;
        padding-left:15px;
        box-sizing: border-box;
    }
    .scontent_item{
        width:18%;
        margin-right:2%;
        margin-top:15px;
        height:245px;
    }
    .scontent_item>img{
        width:100%;
        height:92px;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
    }
    .scontent_item>div{
        width:100%;
        height:154px;
        text-align: center; 
        background:white;
        color:#333333;
        font-size:16px;  
    }
    .scontent_item>div.colloect{
        width:100%;
        height:154px;
        text-align: left; 
        background:white;
        color:#333333;
        font-size:16px;  
    }
    .scontent_item>div>p{
        width:100%;
        overflow: hidden;
        height:50px;
        line-height: 50px;
        margin-left:10px;
        white-space: nowrap;
        text-overflow: ellipsis;
        background:white;
        color:#333333;
        font-size:16px;  
    }
    .scontent_item>div>a{
        display: block;
       width:137px;
       height:35px;
       border-radius:35px;
       border:2px solid #970393;
       color:#970393;
       line-height:32px;
       margin:35px auto;
    }
    .scontent_item>div>a:hover{
        background:#970393;
        color:white;
    }
    .scontent_item:hover{
        box-shadow:0px 3px 9px 0px rgba(153,153,153,0.21);
        border-radius:0px 0px 5px 5px;
    }
    .mypage{
        bottom: 0px;
        margin:25px auto;
        text-align: center
       
    }
    /* 密码重置页面样式 */
    .shuru{
        width:95%;
        border-top:1px solid #E2E2E2;
        margin:25px auto;
        height:400px;
    }
   
    /* 消息页面样式  */
    .resetpwd1{
        width:100%;
        margin:50px auto;
        background:rgba(255,255,255,1);
        box-sizing: border-box;
        padding-top:25px;
        padding-bottom: 25px;
    }
    .shuru1{
        width:95%;
        border-top:1px solid #E2E2E2;
        margin:25px auto;
    }
 .message_p{
    border-bottom:2px solid #A02A9D;height:30px;width:40px;margin-left:35px;color:#A02A9D;
 }
 .mes_item{
    border-bottom: 1px solid #E2E2E2;
    padding:15px 0 15px;
 }
 .mes_item>.mes_title{
     color:#333333;
     font-size: 16px;
     display: flex;
     justify-content: space-between;
     padding:15px 0;
 }
 .ms_content{
     width:80%;
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
     color:#666666;
    }
    /* 登录样式 */
    .mylogin_mask{
        width:100%;
        height:100%;
        background:rgba(0,0,0,.3);
        position: fixed;
        top:0;
        z-index: 9999;
        display: none;
    }
    .mylogin{
        width:480px;
        background:white;
        position: fixed;
        top:50%;
        left:50%;
        margin-left:-240px;
        /* height:500px; */
        margin-top:-250px;
    }
    .guanbi{
        margin-top:15px;
        margin-right:15px;
    }
    .login_item{
        width:400px;
        height:50px;
        background:rgba(245,247,249,1);
        margin:23px auto;
        line-height: 50px;
        padding:1px 19px;
        box-sizing: border-box;
    } 
    .login_item>input,.login_item>div>input{
        height:30px;
        margin-left:18px;
        outline: none;
        font-size:16px;
        border:none;
        background: transparent;
    }
    .logphone{
        width:15px;
        height:19px;
    }
    .forgetpwd{
        display: flex;
        justify-content: space-between;
        width:400px;
        margin:35px auto;

    }
    .logbtn{
        width: 400px;
        margin:35px auto;
    }
    input[type=button]{
        width:100%;
        background:#BC31CE;
        height:50px;
        font-size: 16px;
        color:white;
        outline: none;
        border:none;
    }
    .loginbar{
        display: flex;
        justify-content: space-around;
        width:90%;
        font-size:24px;
        margin:0 auto;
        font-family:MicrosoftYaHei;
        font-weight:400;
        color:rgba(51,51,51,1);
        line-height:20px;
        border-bottom:2px solid #F0F0F0;
        /* padding-bottom: 15px; */
    }
    
    .rsetpwd{
        color:#BC31CE;
        font-size:16px;
    }
    .mylogs{
        position: relative;
    }
    #login,#register{
        width:100%;
        position: absolute;
        top:0;
        left:0;
        background:white;
    }
    .loginbar>span{
        text-align: center;
    }
    .login_active{
        color:#970393;         
    }   
    .login_active::after{
        display: block;
        content: "";
        border:2px solid #970393;
        margin-top:15px;
        border-radius: 2px;
        width:110px;
    }
    /* 侧边栏 */
    aside{
        width:50px;
        height:150px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        background:white;
        position: fixed;
        bottom: 200px;
        right:15px;
        align-self:center;
        align-items: center;
    }
    aside>div{
        width: 100% ;
        height:33.33%;
        text-align: center;
        line-height:50px;
    }
    aside>div>img:first-child{
        width:26px;
        height:24px;
    }
    aside>div:first-child:hover{
        background: #970393;
    }
    aside>div:first-child:hover .kefu{
        display: block;
    }
    aside>div:nth-child(2):hover{
        background: #970393;
    }
    aside>div:nth-child(3):hover{
        background: #970393;
    }
    aside>div:nth-child(2):hover .vx{
        display: block;
    }
    .weixin>img{
        bottom:35px;
        right:50px;
        width:85px;
        height:85px;
        position: absolute;
        display: none;
    }
    .kefu{
        bottom:85px;
        right:50px;
        width:155px;
        height:85px;
        position: absolute;
        display: none;
        color:#970393;
        border-radius:8px;
        background:white;
        line-height:45px;
    }
    .kefu>span{
        display: inline-block;
        height:30px;
    }
    .kefu_phone{
        width:24px !important;
        height:37px !important;
    }
    .kefu_backtop{
        width:26px !important;
        height:21px !important;
    }
    aside>div>img:nth-child(2){
        width:24px;
        height:340px;
    }
    #myCarousel1 .carousel-indicators li{
        width:80px !important;
        height:5px !important;
    }
    .remove-space{
        padding-left: 0px;
        padding-right: 0px;
    }
    .cl-effect-10 a span, .cl-effect-10 a::before, .cl-effect-10 a.active::before{
        padding-left: 12px;
        padding-right: 12px;
    }
    .logo{
        margin-top:-12px;
        width:100px;
        height:66px;
    }
    .logo{
        margin-top:-12px;
        width:100px;
        height:66px;
    }
    /* 搜索样式 */
    .search{
        display: flex;
        justify-content: space-between;
    }
    .search>div>input{
        outline: none;
        border:1px dotted #333333;
        padding-left:15px;
        font-size:12px;
        height:36px;
    }
    .research{
        display: flex;
        justify-content: flex-start
    }
    .myava{
        display: flex;
        white-space: nowrap;
        margin-left:8px;
        line-height:30px;
        font-size:16px;
    }
    .myava>.login{
        color:#970393;
    }
    .myava>a:hover{
        color:#970393;
    }
    .ava{
        width:28px;
        height:28px;
        border-radius: 50%;
        margin-left:15px;
    }
    .username{
        display: block;
        width:60px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        font-size:14px;
    }
    /* 精品课程 */
    .course{
        width:100%;
        display: flex;
        justify-content: space-between;
        height:100px;
        line-height:100px;
        align-items: center;
    }
    .course>h3{
        font-size:23px;
        font-family:MicrosoftYaHei;
        font-weight:400;
        color:rgba(51,51,51,1);
        
    }
    .getmore{
        width:100px;
        height:17px;
        font-size:16px;
        font-family:MicrosoftYaHei;
        font-weight:400;
        color:rgba(151,3,147,1);
        line-height:20px;
    }
    .getmore:hover{
        color:rgba(151,3,147,1);
    }
    /* 导航 */
    .courser_nav{
        box-sizing: border-box;
        width:100%;
        background:rgba(247,247,247,1);
        height:70px;
        line-height: 70px;
        /* overflow-x:scroll; */
    }
    
    .courser_nav>ul{
        width:70%;
        display: flex;
        list-style-type: none;
        justify-content: space-around;
    }
    .courser_nav>ul>li{
        font-size:20px;
        color:#666666;
        cursor: pointer;
        height:80%;
        width:81px;    
    }
    .nav_active{
        color:rgba(151,3,147,1) !important;
    }
    .nav_active::after{
        content:"";
        display: block;
        width:100%;
        border:3px solid rgba(151,3,147,1);
        border-radius: 3px;
        width:100%;
        margin-top:-6px;
    }
    .coure_item{
        display: flex;
        flex-direction: column;
        width:24%;
        margin:25px 0;
        position: relative;
        margin-right:15px;
        height:279px;
    }
    .mycontent{
        position: relative;
        height:645px;
    }
    
    .mycontent_item{
        display: flex;
        flex-wrap: wrap;
        position: absolute;
        background:white;
    }
    .coure_item:hover{
        box-shadow:0px 3px 9px 0px rgba(153,153,153,0.22);
        border-radius:0px 0px 5px 5px;
    }
    .coure_item>p{
        font-weight:400;
        color:rgba(51,51,51,1);
        line-height:20px;
        width:100%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        box-sizing: border-box;
        padding-left:15px;
    }
    
    #all>.coure_item:nth-child(4),#all>.coure_item:nth-child(8),#all>.coure_item:nth-child(12),#all>.coure_item:nth-child(16){
        margin-right: 0 !important;
    }
    #progress>.coure_item:nth-child(4),#progress>.coure_item:nth-child(8),#progress>.coure_item:nth-child(12),#progress>.coure_item:nth-child(16){
        margin-right: 0 !important;
    }
    #ai>.coure_item:nth-child(4),#ai>.coure_item:nth-child(8),#ai>.coure_item:nth-child(12),#ai>.coure_item:nth-child(16){
        margin-right: 0 !important;
    }
  
    #test>.coure_item:nth-child(4),#test>.coure_item:nth-child(8),#test>.coure_item:nth-child(12),#test>.coure_item:nth-child(16){
        margin-right: 0 !important;
    }
    #language>.coure_item:nth-child(4),#language>.coure_item:nth-child(8),#language>.coure_item:nth-child(12),#language>.coure_item:nth-child(16){
        margin-right: 0 !important;
    }
    #money>.coure_item:nth-child(4),#money>.coure_item:nth-child(8),#money>.coure_item:nth-child(12),#money>.coure_item:nth-child(16){
        margin-right: 0 !important;
    }
    #itnet>.coure_item:nth-child(4),#itnet>.coure_item:nth-child(8),#itnet>.coure_item:nth-child(12),#itnet>.coure_item:nth-child(16){
        margin-right: 0 !important;
    }
   
    .teacher{
        margin:15px;
    }
    .cour_pic{
        width:100%;
        height:180px;
        margin-bottom: 8px;
    }
    #comment>.coure_item:nth-child(4),#comment>.coure_item:nth-child(8),#comment>.coure_item:nth-child(12),#comment>.coure_item:nth-child(16){
        margin-right: 0 !important;
    }
    #well>.coure_item:nth-child(4),#well>.coure_item:nth-child(8),#well>.coure_item:nth-child(12),#comment>.coure_item:nth-child(16){
        margin-right: 0 !important;
    }
    #newcourse>.coure_item:nth-child(4),#newcourse>.coure_item:nth-child(8),#newcourse>.coure_item:nth-child(12),#comment>.coure_item:nth-child(16){
        margin-right: 0 !important;
    }
    .mask{
        width:100%;
        height:180px;
        background:rgba(0,0,0,.3);
        position: absolute;
        z-index:2;
        top:0;
        left:0;
        text-align: center;
        line-height: 180px;
        display: none;
        border-radius: 5px;
    }
    .coure_item:hover .mask{
        display: block;
    }
    .start_learn{
        display: inline-block;
        width:137px;
        height:35px;
        line-height:32px;
        border-radius:35px;
        color:white;
        border:2px solid white;
        text-align: center;
        font-size:16px;
    }
    .start_learn:hover{
        color:#970393;
        border:2px solid #970393;
    
    }
    .teacher>img{
        width:20px;
        height:20px;
        border-radius: 50%;
        margin-right:10px;
    }
    .teacher>span{
        font-size:12px;
        font-family:MicrosoftYaHei;
        font-weight:400;
        color:rgba(102,102,102,1);
        line-height:20px;
    }
    .renavs{
        width:30% !important;
    }
    .mycontent1{
        position: relative;
        height:1400px;
    }
    .recontent{
        height:1400px;
        width:100%;
        box-sizing: border-box;
        position:absolute;
        background:white;
    }
    .reparent{
        display: flex;
        flex-wrap: wrap;
    }
    .reparent>.coure_item:nth-child(4),.reparent>.coure_item:nth-child(8),.reparent>.coure_item:nth-child(12),.reparent>.coure_item:nth-child(16){
        margin-right: 0 !important;
    }
    ul.pagenation{
        list-style: none;
        display: flex;
        align-self: center;
        margin-bottom: 50px;
        margin-left:300px;
    }
    .pagenation>li{
        text-align: center;
        height:30px;
        line-height: 30px;
        width:30px;
        margin-right:15px;
        color:rgba(133,146,149,1);
        border:1px solid rgba(221,221,221,1);
    }
    .pagenation>li:first-child,.pagenation>li:last-child{
        width:100px;
        height:30px;
    }
    .page_active{
        width:30px;
    height:30px;
    color:white !important;
    background:rgba(151,3,147,1);
    }
    /* footer */
    .fp{
        height:200px;
        width:100%;
        background:rgba(68,69,70,1);
        position: relative;
    }
    .footer_detal{
        position: absolute;
        margin-left:-250px;
        top:50%;
        left:50%;
        width:500px;
        margin-top:-60px;
        text-align: center;
        line-height:30px;
        font-size:14px;
        font-family:MicrosoftYaHei;
        font-weight:400;
        color:rgba(255,255,255,1);
    }
    .copyright{
        font-size:14px;
        font-family:MicrosoftYaHei;
        font-weight:400;
        color:rgba(190,190,190,1);
    }
    .erweima{
        position: absolute;
        right:216px;
        color:white;
        top:30px;
    }
    .focus+img{
        width:125px;
        height:125px;
        margin-top:8px;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
      /* 开通会员样式 */
      .vip_item{
        width:48%;
        line-height:38px;
        height:140px;
        background:rgba(255,255,255,1);
        border-radius:10px;
        background:white;
        margin-bottom: 25px;
        text-align: center;
        /* border:3px solid #970393; */
    }
    .vip_item_active{
        text-align: center;
        width:48%;
        line-height:38px;
        height:140px;
        background:rgba(255,255,255,1);
        border-radius:10px;
        background:white;
        border:5px solid #FBE622;
    }
     /* 课程详情 */
     .v_time>span{
        margin-right:40px;
    }
     .bread_nav{
        display: block;
        width:100%;
        height:50px;
        line-height:50px;
        font-size:16px;
        color:#333333;
    }
    .video_desc{
        width:100%;
        height:626px;
        background:white;
        box-sizing: border-box;
        padding:25px 0;
       
        /* justify-content: space-between */
    }
    .mykecheng{
        margin-top:241px !important;
    }
    #myvideo{
        width:100%;
        height:350px; 
    }
    .v_detail{
        margin-left:25px;
        width:40%;
        /* border:1px solid black; */
    }
    .v_detail>h3{
        width:100%;
        font-size:24px;
        color:rgba(51,51,51,1);
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        margin-bottom: 15px;
    }
    .v_time{
        width:60%;
        white-space: nowrap;
        margin-bottom: 4px;
    }
    .v_color{
        font-size:16px;
        color:rgba(102,102,102,1)
    }
    .v_teacher{
        line-height:35px;
    }
    .v_sc{
        width:22px;
        height:20px;
        vertical-align:sub;
        margin-right:10px;
    }
    .mysc{
        margin-top:10px;
    }
    .v_nav{
        width:95%;
        border-bottom:1px solid #E9E9E9;
        /* border:1px solid black; */
        height:75px;
        line-height:75px;
        /* padding-left:50px; */
        margin:0 auto;
    }
    .v_nav>span{
        display: inline-block;
        width:100px;
        font-size:16px;
        height:75px;
        margin-right:35px;
        text-align: center;
    }
    .v_nav_active{
        color:#970393;
        border-top:2px solid #BC31CE;
    }
    .v_nav_content{
        position: relative;
        width:100%;
        margin-top:25px;
    }
    #course_index,#course_detail{
        position: absolute;
        top:0;
        left:0;
        width: 100%;
        background:white;
        height:891px;
        overflow: hidden;
        /* overflow-y:scroll; */
    }
    .course_index_item{
        width:95%;
        margin:0 auto;
        /* border:1px solid black; */
        height:40px;
        background:#F4F4F4;
        border-radius: 5px;
        line-height:40px;
        margin-bottom: 25px;
        color:#666666;
        box-sizing:border-box;
        padding-left:25px;
        font-weight:400;
    }
    .course_index_item_active{
        color:#ffffff;
        background:#970393;
    }
    .hot_recmonded{

        border-left:3px solid #970393;
        height:30px !important;
        line-height: 30px;
    }
    .hot_recmonded_item{
        width:90%;
        margin:0 auto;
    }
  div.neirong{
        width:80%;
        margin-left:25px;

        height:800px;
        box-sizing: border-box;
        padding:25px;
        color:#888888;
        overflow: hidden;
        font-size: 14px;
    }
    .coure_item1{
        display: flex;
        flex-direction: column;
        width: 88%;
        margin: 20px auto;
        position: relative;
      
        height: 279px;
    }
    .coure_item1:hover {
        box-shadow: 0px 3px 9px 0px rgba(153,153,153,0.22);
        border-radius: 0px 0px 5px 5px;
    }
    .coure_item1:hover .mask{
        display: block;
    }
    .coure_item1>p{
        margin-left:10px;
    }
 /*开通会员样式  */
 .kaitongvip{
    height:618px; 
    padding-top:10px;
    margin-top:25px;
    background:white;
    margin-bottom: 35px;
}
.kaitongvip>h3{
    margin-top:25px;
    margin-bottom: 35px;
    font-size: 16px;
}
.kaitong_items{
    width:90%;
    margin:0 auto;
    height:280px;
}
.kaitong_item{
    width:100%;
    height:25%;
    border:1px solid rgba(222,222,222,1);
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-sizing:border-box;
    padding:15px 20px 15px 20px;
}
.times{
    font-size:16px;
    color:#333333;
}
.yiyuan{
    font-size:12px;
    color:#666666;
}
.total{
    font-size:18px;
    color:rgba(255,102,0,1)
}
.kaitong_item_active{
    background:#FFF5EE;
    border:2px solid #FF6600;
}
.jiesuan{
    width:100%;
    margin-top:47px;
    height:229px;
    background:rgba(255,249,237,1);
    border:1px solid rgba(222,222,222,1);

}
.choose{
    width:90%;
    margin:0 auto;
    /* border:1px solid black; */
    display: flex;
    justify-content: space-between;
    height:200px;
    align-items: center;
}
.choose>div>img{
    width:137px;
    height:48px;
    margin-bottom: 15px;
    margin-right:20px;
}
.buytotal{
    color:#FF6600;
    font-size: 18px;
    font-weight: bold;
}
.buynow{
    width:156px;
    height:48px;
    background:rgba(255,102,0,1);
    font-size:18px;
    color:white;
    outline: none;
    border:none;
    margin-top:25px;
    margin-bottom: 0px;
}
     /* 会员中心 */
    .vip_bg{
    height:1046px;
    width:100%;
    background-size:100% 100% !important;
}
.vip_content{
    width:100%;
    height:332px;
    margin-top:521px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.vip_item{
    width:48%;
    line-height:35px;
    height:140px;
    background:rgba(255,255,255,1);
    border-radius:10px;
    background:white;
    margin-bottom: 25px;
    /* border:3px solid #970393; */
}
    .myred{
        color:red;
    }
    .myprice{
        font-weight: bold;
        font-size:25px;
    }
    .sxk{
        width:86px;
        height:22spx;
    }
    .hour{
        font-size:16px;
    }
    .kaitong{
        width:162px;
        height:40px;
        background:#FBE622;
        font-size:14px;
        line-height:40px;
        border-radius: 40px;
        text-align: center;
        margin:0 auto;
        font-weight: 500;
    }  
    
    /* 我的学习页面样式 */
        .myc_banner{
            width:100%;
            box-sizing: border-box;
            height:212px;
        }
        .sayhi{
            height:100%;
            width:50%;
            margin:0 auto;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }
        .uname{
            color:white;
            font-size:20px;
            margin-bottom: 20px;
        }
        .uname+p{
            color:white;
            font-size: 14px;
            width:200px;
        }
        .liubai{
            width:100%;
            height:20px;
            background:#F8F8F8;
        }
        .join{
            width:265px;
            height:65px;
        }
        .study_nav{
            width:100%;
            height:66px;
            line-height:66px;
            background:#ffffff;
        }
        .st_item{
            width:100%;
            display: flex;
            justify-content: space-between;
        }
        .st_desc{
            width:100px;
            font-size: 14px;
            margin-right:15px;
        }
        .st_desc_actiev{
            color:#970393;
        }
        .scontent{
            width:100%;
            position: relative;
            margin-top:25px;
            background:white; 
            height:600px;
           
            
        }
      
        #sjion,#sstu{
            position: absolute;
            top:0;
            left:0;
            width:100%;
            background:white;
            display: flex;
            flex-wrap: wrap;
            justify-self: flex-start;
            padding-left:15px;
            box-sizing: border-box;
        }
        .scontent_item{
            width:18%;
            margin-right:2%;
            margin-top:15px;
            height:245px;
        }
        .scontent_item>img{
            width:100%;
            height:92px;
            border-top-left-radius: 5px;
            border-top-right-radius: 5px;
        }
        .scontent_item>div{
            width:100%;
            height:154px;
            text-align: center; 
            background:white;
            color:#333333;
            font-size:16px;  
        }
        .scontent_item>div>p{
            width:100%;
            overflow: hidden;
            height:50px;
            line-height:50px;
            text-align: center;
            white-space: nowrap;
            text-overflow: ellipsis;
            background:white;
            color:#333333;
            font-size:16px;  
        }
        .scontent_item>div>a{
            display: block;
           width:137px;
           height:35px;
           border-radius:35px;
           border:2px solid #970393;
           color:#970393;
           line-height:35px;
           margin:35px auto;
        }
        .scontent_item>div>a:hover{
            background:#970393;
            color:white;
        }
        .scontent_item:hover{
            box-shadow:0px 3px 9px 0px rgba(153,153,153,0.21);
            border-radius:0px 0px 5px 5px;
        }
        .mypage{
          
            right: 50%;
            align-items: center;
            bottom: 0px;
            margin:25px auto;
         
             
        } 
    /* 密码重置页面样式 */
     .resetpwd{
        width:100%;
        margin:100px auto;
        height:500px;
        background:rgba(255,255,255,1);
        box-sizing: border-box;
        padding-top:25px;
    }
    .shuru{
        width:90%;
        border-top:1px solid #E2E2E2;
        margin:25px auto;
        height:400px;
    }
    /* 登录样式 */
    .mylogin_mask{
        width:100%;
        height:100%;
        background:rgba(0,0,0,.3);
        position: fixed;
        top:0;
        z-index: 9999;
        display: none;
    }
    .mylogin{
        width:480px;
        background:white;
        position: fixed;
        top:50%;
        left:50%;
        margin-left:-240px;
        /* height:500px; */
        margin-top:-250px;
    }
    .guanbi{
        margin-top:15px;
        margin-right:15px;
    }
    .login_item{
        width:400px;
        height:50px;
        background:rgba(245,247,249,1);
        margin:23px auto;
        line-height: 50px;
        padding:1px 19px;
        box-sizing: border-box;
    } 
    .login_item>input,.login_item>div>input{
        height:30px;
        margin-left:18px;
        outline: none;
        font-size:16px;
        border:none;
        background: transparent;
    }
    .logphone{
        width:15px;
        height:20px;
    }
    .forgetpwd{
        display: flex;
        justify-content: space-between;
        width:400px;
        margin:35px auto;

    }
    .logbtn{
        width: 400px;
        margin:35px auto;
    }
    input[type=button]{
        width:100%;
        background:#BC31CE;
        height:50px;
        font-size: 16px;
        color:white;
        outline: none;
        border:none;
    }
    .loginbar{
        display: flex;
        justify-content: space-around;
        width:90%;
        font-size:24px;
        margin:0 auto;
        font-family:MicrosoftYaHei;
        font-weight:400;
        color:rgba(51,51,51,1);
        line-height:20px;
        border-bottom:2px solid #F0F0F0;
        /* padding-bottom: 15px; */
    }
        /* 消息页面样式  */
.resetpwd1{
    width:100%;
    margin:100px auto;
    background:rgba(255,255,255,1);
    box-sizing: border-box;
    padding-top:25px;
    padding-bottom: 25px;
}
.shuru1{
    width:95%;
    border-top:1px solid #E2E2E2;
    margin:25px auto;
}
 .message_p{
    border-bottom:2px solid #A02A9D;height:30px;width:40px;margin-left:35px;color:#A02A9D;
 }
 .mes_item{
    border-bottom: 1px solid #E2E2E2;
    padding:15px 0 15px;
 }
 .mes_item>.mes_title{
     color:#333333;
     font-size: 16px;
     display: flex;
     justify-content: space-between;
     padding:15px 0;
 }

 .ms_content{
     width:80%;
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
     color:#666666;

}

.rsetpwd{
    color:#BC31CE;
    font-size:16px;
}
.mylogs{
    position: relative;
}
#login,#register{
    width:100%;
    position: absolute;
    top:0;
    left:0;
    background:white;
}
.loginbar>span{
    text-align: center;
}
.login_active{
    color:#970393;         
}   
.login_active::after{
    display: block;
    content: "";
    border:2px solid #970393;
    margin-top:15px;
    border-radius: 2px;
    width:110px;
}
/*end  */
.carousel-indicators li{
    width:40px !important;
    height:5px !important;
}
#myCarousel1 .carousel-indicators .active{
    width:40px;    
}
#logo > a span{
    font-size: 40px;
}
#logo > a{
    font-size: 28px;
}
    .logo{
        margin-top:-12px;
        width:80px;
        height:56px;
    }
   
    /* 搜索样式 */
    .search{
        display: flex;
        justify-content: space-between;
    }
    .search>div>input{
        outline: none;
        border:1px dotted #333333;
        padding-left:15px;
        font-size:12px;
        height:36px;
    }
    .research{
        display: flex;
        justify-content: flex-start
    }
    .myava{
        display: flex;
        white-space: nowrap;
        margin-left:8px;
        line-height:30px;
        font-size:16px;
    }
    .myava>.login{
        color:#970393;
    }
    .myava>a:hover{
        color:#970393;
    }
    .ava{
        width:28px;
        height:28px;
        border-radius: 50%;
        margin-left:15px;
    }
    .username{
        display: block;
        width:60px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        font-size:14px;
    }
    /* 精品课程 */
    .course{
        width:100%;
        display: flex;
        justify-content: space-between;
        height:100px;
        line-height:100px;
        align-items: center;
    }
    .course>h3{
        font-size:24px;
        font-family:MicrosoftYaHei;
        font-weight:400;
        color:rgba(51,51,51,1);
        
    }
    .getmore{
        width:100px;
        height:17px;
        font-size:16px;
        font-family:MicrosoftYaHei;
        font-weight:400;
        color:rgba(151,3,147,1);
        line-height:20px;
    }
    .getmore:hover{
        color:rgba(151,3,147,1);
    }
    /* 导航 */
    .courser_nav{
        box-sizing: border-box;
        width:100%;
        background:rgba(247,247,247,1);
        height:70px;
        line-height: 70px;
        /* overflow-x:scroll; */
    }
    
    .courser_nav>ul{
        width:70%;
        display: flex;
        list-style-type: none;
        justify-content: space-around;
    }
    .courser_nav>ul>li{
        font-size:20px;
        color:#666666;
        cursor: pointer;
        height:80%;
        width:81px;    
    }
    .nav_active{
        color:rgba(151,3,147,1) !important;
    }
    .nav_active::after{
        content:"";
        display: block;
        width:100%;
        border:3px solid rgba(151,3,147,1);
        border-radius: 3px;
        width:100%;
        margin-top:-6px;
    }
    .coure_item{
        display: flex;
        flex-direction: column;
        width:23%;
        margin:25px 0;
        position: relative;
        margin-right:15px;
        height:279px;
    }
    .mycontent{
        position: relative;
        height:695px;
    }
    
    .mycontent_item{
        display: flex;
        flex-wrap: wrap;
        position: absolute;
        background:white;
    }
    .coure_item:hover{
        box-shadow:0px 3px 9px 0px rgba(153,153,153,0.22);
        border-radius:0px 0px 5px 5px;
    }
    .coure_item>p{
        font-weight:400;
        color:rgba(51,51,51,1);
        /* line-height:20px; */
        width:100%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        box-sizing: border-box;
        padding-left:15px;
        height:30px;
        font-size:12px;
    }
    
    #all>.coure_item:nth-child(4),#all>.coure_item:nth-child(8){
        margin-right: 0 !important;
    }
    #progress>.coure_item:nth-child(4){
        margin-right: 0 !important;
    }
    #ai>.coure_item:nth-child(4){
        margin-right: 0 !important;
    }
    #test>.coure_item:nth-child(4){
        margin-right: 0 !important;
    }
    #language>.coure_item:nth-child(4){
        margin-right: 0 !important;
    }
    #money>.coure_item:nth-child(4){
        margin-right: 0 !important;
    }
    #itnet>.coure_item:nth-child(4){
        margin-right: 0 !important;
    }
    #progress>.coure_item:nth-child(8){
        margin-right: 0 !important;
    }
    #ai>.coure_item:nth-child(8){
        margin-right: 0 !important;
    }
    #test>.coure_item:nth-child(8){
        margin-right: 0 !important;
    }
    #language>.coure_item:nth-child(8){
        margin-right: 0 !important;
    }
    #money>.coure_item:nth-child(8){
        margin-right: 0 !important;
    }
    #itnet>.coure_item:nth-child(8){
        margin-right: 0 !important;
    }
    .teacher{
        margin-left:11px;
    }
    .cour_pic{
        width:100%;
        height:180px;
        margin-bottom: 8px;
    }
    #comment>.coure_item:nth-child(4),#comment>.coure_item:nth-child(8),#comment>.coure_item:nth-child(12),#comment>.coure_item:nth-child(16){
        margin-right: 0 !important;
    }
    #well>.coure_item:nth-child(4),#well>.coure_item:nth-child(8),#well>.coure_item:nth-child(12),#comment>.coure_item:nth-child(16){
        margin-right: 0 !important;
    }
    #newcourse>.coure_item:nth-child(4),#newcourse>.coure_item:nth-child(8),#newcourse>.coure_item:nth-child(12),#comment>.coure_item:nth-child(16){
        margin-right: 0 !important;
    }
    .mask{
        width:100%;
        height:180px;
        background:rgba(0,0,0,.3);
        position: absolute;
        z-index:2;
        top:0;
        left:0;
        text-align: center;
        line-height: 180px;
        display: none;
        border-radius: 5px;
    }
    .coure_item:hover .mask{
        display: block;
    }
    .start_learn{
        display: inline-block;
        width:137px;
        height:35px;
        line-height:32px;
        border-radius:35px;
        color:white;
        border:2px solid white;
        text-align: center;
        font-size:16px;
    }
    .start_learn:hover{
        color:#970393;
        border:2px solid #970393;
    
    }
    .teacher>img{
        width:20px;
        height:20px;
        border-radius: 50%;
        margin-right:10px;
    }
    .teacher>span{
        font-size:12px;
        font-family:MicrosoftYaHei;
        font-weight:400;
        color:rgba(102,102,102,1);
        line-height:20px;
    }
    .renavs{
        width:30% !important;
    }
    .mycontent1{
        position: relative;
        height:1400px;
    }
    .recontent{
        height:1400px;
        width:100%;
        box-sizing: border-box;
        position:absolute;
        background:white;
    }
    .reparent{
        display: flex;
        flex-wrap: wrap;
    }
    .reparent>.coure_item:nth-child(4),.reparent>.coure_item:nth-child(8),.reparent>.coure_item:nth-child(12),.reparent>.coure_item:nth-child(16){
        margin-right: 0 !important;
    }
    ul.pagenation{
        list-style: none;
        display: flex;
        align-self: center;
        margin-bottom: 50px;
        margin-left:300px;
    }
    .pagenation>li{
        text-align: center;
        height:30px;
        line-height: 30px;
        width:30px;
        margin-right:15px;
        color:rgba(133,146,149,1);
        border:1px solid rgba(221,221,221,1);
    }
    .pagenation>li:first-child,.pagenation>li:last-child{
        width:100px;
        height:30px;
    }
    .page_active{
        width:30px;
    height:30px;
    color:white !important;
    background:rgba(151,3,147,1);
    }
    /* footer */
    .fp{
        height:200px;
        width:100%;
        background:rgba(68,69,70,1);
        position: relative;
    }
    .footer_detal{
        /* display: flex;
        align-items: center;
        flex-direction: column; */
        position: absolute;
        margin-left:-250px;
        top:50%;
        left:50%;
        width:500px;
        margin-top:-60px;
        text-align: center;
        line-height:30px;
        font-size:14px;
        font-family:MicrosoftYaHei;
        font-weight:400;
        color:rgba(255,255,255,1);
    }
    .copyright{
        font-size:14px;
        font-family:MicrosoftYaHei;
        font-weight:400;
        color:rgba(190,190,190,1);
    }
    .erweima{
        position: absolute;
        right:95px;
        color:white;
        top:30px;
    }
    .focus+img{
        width:125px;
        height:125px;
        margin-top:8px;
    }
    aside{
        display: none;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    /* 课程详情 */
    .v_time>span{
        margin-right:40px;
    }
    .bread_nav{
        display: block;
        width:100%;
        height:50px;
        line-height:50px;
        font-size:16px;
        color:#333333;
    }
    .video_desc{
        width:100%;
        height:626px;
        background:white;
        box-sizing: border-box;
        padding:25px 0;
       
        /* justify-content: space-between */
    }
    .mykecheng{
        margin-top:241px !important;
    }
    #myvideo{
        width:100%;
        height:350px; 
    }
    .v_detail{
        margin-left:25px;
        width:40%;
        /* border:1px solid black; */
    }
    .v_detail>h3{
        width:100%;
        font-size:24px;
        color:rgba(51,51,51,1);
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        margin-bottom: 15px;
    }
    .v_time{
        width:60%;
        white-space: nowrap;
        margin-bottom: 4px;
    }
    .v_color{
        font-size:16px;
        color:rgba(102,102,102,1)
    }
    .v_teacher{
        line-height:35px;
    }
    .v_sc{
        width:22px;
        height:20px;
        vertical-align:sub;
        margin-right:10px;
    }
    .mysc{
        margin-top:10px;
    }
    .v_nav{
        width:95%;
        border-bottom:1px solid #E9E9E9;
        /* border:1px solid black; */
        height:75px;
        line-height:75px;
        /* padding-left:50px; */
        margin:0 auto;
    }
    .v_nav>span{
        display: inline-block;
        width:100px;
        font-size:16px;
        height:75px;
        margin-right:35px;
        text-align: center;
    }
    .v_nav_active{
        color:#970393;
        border-top:2px solid #BC31CE;
    }
    .v_nav_content{
        position: relative;
        width:100%;
        margin-top:25px;
    }
    #course_index,#course_detail{
        position: absolute;
        top:0;
        left:0;
        width: 100%;
        background:white;
        height:891px;
        overflow: hidden;
        /* overflow-y:scroll; */
    }
    .course_index_item{
        width:95%;
        margin:0 auto;
        /* border:1px solid black; */
        height:40px;
        background:#F4F4F4;
        border-radius: 5px;
        line-height:40px;
        margin-bottom: 25px;
        color:#666666;
        box-sizing:border-box;
        padding-left:25px;
        font-weight:400;
    }
    .course_index_item_active{
        color:#ffffff;
        background:#970393;
    }
    .hot_recmonded{

        border-left:3px solid #970393;
        height:30px !important;
        line-height: 30px;
    }
    .hot_recmonded_item{
        width:90%;
        margin:0 auto;
    }
  div.neirong{
        width:80%;
        margin-left:25px;

        height:800px;
        box-sizing: border-box;
        padding:25px;
        color:#888888;
        overflow: hidden;
        font-size: 14px;
    }
    .coure_item1{
        display: flex;
        flex-direction: column;
        width: 88%;
        margin: 20px auto;
        position: relative;
      
        height: 279px;
    }
    .coure_item1:hover {
        box-shadow: 0px 3px 9px 0px rgba(153,153,153,0.22);
        border-radius: 0px 0px 5px 5px;
    }
    .coure_item1:hover .mask{
        display: block;
    }
    .coure_item1>p{
        margin-left:10px;
    }
     /* 我的学习页面样式 */
     .myc_banner{
        width:100%;
        box-sizing: border-box;
        height:212px;
    }
    .sayhi{
        height:100%;
        width:50%;
        margin:0 auto;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .uname{
        color:white;
        font-size:20px;
        margin-bottom: 20px;
    }
    .uname+p{
        color:white;
        font-size: 14px;
        width:200px;
    }
    .liubai{
        width:100%;
        height:20px;
        background:#F8F8F8;
    }
    .join{
        width:229px;
        height:65px;
        margin-top:-16px;
    }
    .study_nav{
        width:100%;
        height:66px;
        line-height:66px;
        background:#ffffff;
    }
    .st_item{
        width:100%;
        display: flex;
        justify-content: space-between;
    }
    .st_desc{
        width:100px;
        font-size: 14px;
        margin-right:15px;
    }
    .st_desc_actiev{
        color:#970393;
    }
    .scontent{
        width:100%;
        position: relative;
        margin-top:25px;
        background:white; 
        height:600px;
       
        
    }
  
    #sjion,#sstu{
        position: absolute;
        top:0;
        left:0;
        width:100%;
        background:white;
        display: flex;
        flex-wrap: wrap;
        justify-self: flex-start;
        padding-left:15px;
        box-sizing: border-box;
    }
    .scontent_item{
        width:23%;
        margin-right:2%;
        margin-top:15px;
        height:245px;
    }
    .scontent_item>img{
        width:100%;
        height:92px;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
    }
    .scontent_item>div{
        width:100%;
        height:154px;
        text-align: center; 
        background:white;
        color:#333333;
        font-size:16px;  
    }
    .scontent_item>div>p{
        width:100%;
        overflow: hidden;
        height:50px;
        line-height:50px;
        text-align: center;
        white-space: nowrap;
        text-overflow: ellipsis;
        background:white;
        color:#333333;
        font-size:16px;  
    }
    .scontent_item>div>a{
        display: block;
       width:137px;
       height:35px;
       border-radius:35px;
       border:2px solid #970393;
       color:#970393;
       line-height:35px;
       margin:35px auto;
    }
    .scontent_item>div>a:hover{
        background:#970393;
        color:white;
    }
    .scontent_item:hover{
        box-shadow:0px 3px 9px 0px rgba(153,153,153,0.21);
        border-radius:0px 0px 5px 5px;
    }
    .mypage{
      
        right: 50%;
        align-items: center;
        bottom: 0px;
        margin:25px auto;
     
         
    } 
        /* 消息页面样式  */
        .resetpwd1{
            width:100%;
            margin:100px auto;
            background:rgba(255,255,255,1);
            box-sizing: border-box;
            padding-top:25px;
            padding-bottom: 25px;
        }
        .shuru1{
            width:95%;
            border-top:1px solid #E2E2E2;
            margin:25px auto;
        }
         .message_p{
            border-bottom:2px solid #A02A9D;height:30px;width:40px;margin-left:35px;color:#A02A9D;
         }
         .mes_item{
            border-bottom: 1px solid #E2E2E2;
            padding:15px 0 15px;
         }
         .mes_item>.mes_title{
             color:#333333;
             font-size: 16px;
             display: flex;
             justify-content: space-between;
             padding:15px 0;
         }
        
         .ms_content{
             width:80%;
             overflow: hidden;
             text-overflow: ellipsis;
             white-space: nowrap;
             color:#666666;
        
        }
        
     /* 密码重置页面样式 */
     .resetpwd{
        width:100%;
        margin:100px auto;
        height:500px;
        background:rgba(255,255,255,1);
        box-sizing: border-box;
        padding-top:25px;
    }
    .shuru{
        width:90%;
        border-top:1px solid #E2E2E2;
        margin:25px auto;
        height:400px;
    }
    #myCarousel1 .carousel-indicators .active{
        width:40px;    
    }
    .carousel-indicators li{
        width:40px !important;
        height:5px !important;
    }
    .navbar-default {
        margin-top: 30px;
        text-align: center;
    }

    .service-details h4, .overlay p{
        font-size: 16px;
    }
    .overlay p {
        left: 11%;
    }
    .gallery-image:hover p {
        bottom: 30px;
    }
    .resort-overview-block .row > div:nth-child(1) {
        margin-top: 0;
    }
    .resort-overview-block .row > div:nth-child(2n+1) {
        margin-top: 20px;
    }
    .blog-box{
        padding: 45px;
    }
    footer .row > div:nth-child(3) {
        margin-top: 30px;
    }
    .logo{
        margin-top:-12px;
        width:100px;
        height:66px;
    }
    /* 搜索样式 */
    .search{
        display: flex;
        justify-content: space-between;
    }
    .search>div>input{
        outline: none;
        border:1px dotted #333333;
        padding-left:15px;
        font-size:12px;
        height:36px;
    }
    .research{
        display: flex;
        justify-content: flex-start
    }
    .myava{
        display: flex;
        white-space: nowrap;
        margin-left:8px;
        line-height:30px;
        font-size:16px;
    }
    .myava>.login{
        color:#970393;
    }
    .myava>a:hover{
        color:#970393;
    }
    .ava{
        width:28px;
        height:28px;
        border-radius: 50%;
        margin-left:15px;
    }
    .username{
        display: block;
        width:60px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        font-size:14px;
    }
    /* 精品课程 */
    .course{
        width:100%;
        display: flex;
        justify-content: space-between;
        height:100px;
        line-height:100px;
        align-items: center;
    }
    .course>h3{
        font-size:22px;
        font-family:MicrosoftYaHei;
        font-weight:400;
        color:rgba(51,51,51,1);
        
    }
    .getmore{
        width:100px;
        height:17px;
        font-size:16px;
        font-family:MicrosoftYaHei;
        font-weight:400;
        color:rgba(151,3,147,1);
        line-height:20px;
    }
    .getmore:hover{
        color:rgba(151,3,147,1);
    }
    /* 导航 */
    .courser_nav{
        box-sizing: border-box;
        width:100%;
        background:rgba(247,247,247,1);
        height:70px;
        line-height: 70px;
        /* overflow-x:scroll; */
    }
    
    .courser_nav>ul{
        width:70%;
        display: flex;
        list-style-type: none;
        justify-content: space-around;
    }
    .courser_nav>ul>li{
        font-size:20px;
        color:#666666;
        cursor: pointer;
        height:80%;
        width:81px;    
    }
    .nav_active{
        color:rgba(151,3,147,1) !important;
    }
    .nav_active::after{
        content:"";
        display: block;
        width:100%;
        border:3px solid rgba(151,3,147,1);
        border-radius: 3px;
        width:100%;
        margin-top:-6px;
    }
    .coure_item{
        display: flex;
        flex-direction: column;
        width:24%;
        margin:25px 0;
        position: relative;
        margin-right:15px;
        height:279px;
    }
    .mycontent{
        position: relative;
        height:695px;
    }
    
    .mycontent_item{
        display: flex;
        flex-wrap: wrap;
        position: absolute;
        background:white;
    }
    .coure_item:hover{
        box-shadow:0px 3px 9px 0px rgba(153,153,153,0.22);
        border-radius:0px 0px 5px 5px;
    }
    .coure_item>p{
        font-weight:400;
        color:rgba(51,51,51,1);
        line-height:20px;
        width:100%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        box-sizing: border-box;
        padding-left:15px;
    }
    
    #all>.coure_item:nth-child(4),#all>.coure_item:nth-child(8){
        margin-right: 0 !important;
    }
    #progress>.coure_item:nth-child(4){
        margin-right: 0 !important;
    }
    #ai>.coure_item:nth-child(4){
        margin-right: 0 !important;
    }
    #test>.coure_item:nth-child(4){
        margin-right: 0 !important;
    }
    #language>.coure_item:nth-child(4){
        margin-right: 0 !important;
    }
    #money>.coure_item:nth-child(4){
        margin-right: 0 !important;
    }
    #itnet>.coure_item:nth-child(4){
        margin-right: 0 !important;
    }
    #progress>.coure_item:nth-child(8){
        margin-right: 0 !important;
    }
    #ai>.coure_item:nth-child(8){
        margin-right: 0 !important;
    }
    #test>.coure_item:nth-child(8){
        margin-right: 0 !important;
    }
    #language>.coure_item:nth-child(8){
        margin-right: 0 !important;
    }
    #money>.coure_item:nth-child(8){
        margin-right: 0 !important;
    }
    #itnet>.coure_item:nth-child(8){
        margin-right: 0 !important;
    }
    .teacher{
        margin:15px;
    }
    .cour_pic{
        width:100%;
        height:180px;
        margin-bottom: 8px;
    }
    #comment>.coure_item:nth-child(4),#comment>.coure_item:nth-child(8),#comment>.coure_item:nth-child(12),#comment>.coure_item:nth-child(16){
        margin-right: 0 !important;
    }
    #well>.coure_item:nth-child(4),#well>.coure_item:nth-child(8),#well>.coure_item:nth-child(12),#comment>.coure_item:nth-child(16){
        margin-right: 0 !important;
    }
    #newcourse>.coure_item:nth-child(4),#newcourse>.coure_item:nth-child(8),#newcourse>.coure_item:nth-child(12),#comment>.coure_item:nth-child(16){
        margin-right: 0 !important;
    }
    .mask{
        width:100%;
        height:180px;
        background:rgba(0,0,0,.3);
        position: absolute;
        z-index:2;
        top:0;
        left:0;
        text-align: center;
        line-height: 180px;
        display: none;
        border-radius: 5px;
    }
    .coure_item:hover .mask{
        display: block;
    }
    .start_learn{
        display: inline-block;
        width:137px;
        height:35px;
        line-height:32px;
        border-radius:35px;
        color:white;
        border:2px solid white;
        text-align: center;
        font-size:16px;
    }
    .start_learn:hover{
        color:#970393;
        border:2px solid #970393;
    
    }
    .teacher>img{
        width:20px;
        height:20px;
        border-radius: 50%;
        margin-right:10px;
    }
    .teacher>span{
        font-size:12px;
        font-family:MicrosoftYaHei;
        font-weight:400;
        color:rgba(102,102,102,1);
        line-height:20px;
    }
    .renavs{
        width:30% !important;
    }
    .mycontent1{
        position: relative;
        height:1400px;
    }
    .recontent{
        height:1400px;
        width:100%;
        box-sizing: border-box;
        position:absolute;
        background:white;
    }
    .reparent{
        display: flex;
        flex-wrap: wrap;
    }
    .reparent>.coure_item:nth-child(4),.reparent>.coure_item:nth-child(8),.reparent>.coure_item:nth-child(12),.reparent>.coure_item:nth-child(16){
        margin-right: 0 !important;
    }
    ul.pagenation{
        list-style: none;
        display: flex;
        align-self: center;
        margin-bottom: 50px;
        margin-left:180px;
    }
    .pagenation>li{
        text-align: center;
        height:30px;
        line-height: 30px;
        width:30px;
        margin-right:15px;
        color:rgba(133,146,149,1);
        border:1px solid rgba(221,221,221,1);
    }
    .pagenation>li:first-child,.pagenation>li:last-child{
        width:100px;
        height:30px;
    }
    .page_active{
        width:30px;
    height:30px;
    color:white !important;
    background:rgba(151,3,147,1);
    }
    /* footer */
    .fp{
        height:200px;
        width:100%;
        background:rgba(68,69,70,1);
        position: relative;
    }
    .footer_detal{
        /* display: flex;
        align-items: center;
        flex-direction: column; */
        position: absolute;
        margin-left:-250px;
        top:50%;
        left:50%;
        width:500px;
        margin-top:-60px;
        text-align: center;
        line-height:30px;
        font-size:14px;
        font-family:MicrosoftYaHei;
        font-weight:400;
        color:rgba(255,255,255,1);
    }
    .copyright{
        font-size:14px;
        font-family:MicrosoftYaHei;
        font-weight:400;
        color:rgba(190,190,190,1);
    }
    .erweima{
        position: absolute;
        right:450px;
        color:white;
        top:30px;
    }
    .focus+img{
        width:125px;
        height:125px;
        margin-top:8px;
    }
}

@media (max-width: 991px) {
      /* 开通会员样式 */
      .vip_item{
        width:48%;
        line-height:38px;
        height:140px;
        background:rgba(255,255,255,1);
        border-radius:10px;
        background:white;
        margin-bottom: 25px;
        text-align: center;
        /* border:3px solid #970393; */
    }
    .vip_item_active{
        text-align: center;
        width:48%;
        line-height:38px;
        height:140px;
        background:rgba(255,255,255,1);
        border-radius:10px;
        background:white;
        border:5px solid #FBE622;
    }
     /* 课程详情 */
     .v_time>span{
        margin-right:40px;
    }
     .bread_nav{
        display: block;
        width:100%;
        height:50px;
        line-height:50px;
        font-size:16px;
        color:#333333;
    }
    .video_desc{
        width:100%;
        height:626px;
        background:white;
        box-sizing: border-box;
        padding:25px 0;
       
        /* justify-content: space-between */
    }
    .mykecheng{
        margin-top:241px !important;
    }
    #myvideo{
        width:100%;
        height:350px; 
    }
    .v_detail{
        margin-left:25px;
        width:40%;
        /* border:1px solid black; */
    }
    .v_detail>h3{
        width:100%;
        font-size:24px;
        color:rgba(51,51,51,1);
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        margin-bottom: 15px;
    }
    .v_time{
        width:60%;
        white-space: nowrap;
        margin-bottom: 4px;
    }
    .v_color{
        font-size:16px;
        color:rgba(102,102,102,1)
    }
    .v_teacher{
        line-height:35px;
    }
    .v_sc{
        width:22px;
        height:20px;
        vertical-align:sub;
        margin-right:10px;
    }
    .mysc{
        margin-top:10px;
    }
    .v_nav{
        width:95%;
        border-bottom:1px solid #E9E9E9;
        /* border:1px solid black; */
        height:75px;
        line-height:75px;
        /* padding-left:50px; */
        margin:0 auto;
    }
    .v_nav>span{
        display: inline-block;
        width:100px;
        font-size:16px;
        height:75px;
        margin-right:35px;
        text-align: center;
    }
    .v_nav_active{
        color:#970393;
        border-top:2px solid #BC31CE;
    }
    .v_nav_content{
        position: relative;
        width:100%;
        margin-top:25px;
    }
    #course_index,#course_detail{
        position: absolute;
        top:0;
        left:0;
        width: 100%;
        background:white;
        height:891px;
        overflow: hidden;
        /* overflow-y:scroll; */
    }
    .course_index_item{
        width:95%;
        margin:0 auto;
        /* border:1px solid black; */
        height:40px;
        background:#F4F4F4;
        border-radius: 5px;
        line-height:40px;
        margin-bottom: 25px;
        color:#666666;
        box-sizing:border-box;
        padding-left:25px;
        font-weight:400;
    }
    .course_index_item_active{
        color:#ffffff;
        background:#970393;
    }
    .hot_recmonded{

        border-left:3px solid #970393;
        height:30px !important;
        line-height: 30px;
    }
    .hot_recmonded_item{
        width:90%;
        margin:0 auto;
    }
  div.neirong{
        width:80%;
        margin-left:25px;

        height:800px;
        box-sizing: border-box;
        padding:25px;
        color:#888888;
        overflow: hidden;
        font-size: 14px;
    }
    .coure_item1{
        display: flex;
        flex-direction: column;
        width: 88%;
        margin: 20px auto;
        position: relative;
      
        height: 279px;
    }
    .coure_item1:hover {
        box-shadow: 0px 3px 9px 0px rgba(153,153,153,0.22);
        border-radius: 0px 0px 5px 5px;
    }
    .coure_item1:hover .mask{
        display: block;
    }
    .coure_item1>p{
        margin-left:10px;
    }
    /*开通会员样式  */
    .kaitongvip{
        height:618px; 
      padding-top:10px;
           margin-top:25px;
        background:white;
        margin-bottom: 35px;
    }
    .kaitongvip>h3{
        margin-top:25px;
        margin-bottom: 35px;
        font-size: 16px;
    }
    .kaitong_items{
        width:90%;
        margin:0 auto;
        height:280px;
    }
    .kaitong_item{
        width:100%;
        height:25%;
        border:1px solid rgba(222,222,222,1);
        display: flex;
        justify-content: space-between;
        align-items: center;
        box-sizing:border-box;
        padding:15px 20px 15px 20px;
    }
    .times{
        font-size:16px;
        color:#333333;
    }
    .yiyuan{
        font-size:12px;
        color:#666666;
    }
    .total{
        font-size:18px;
        color:rgba(255,102,0,1)
    }
    .kaitong_item_active{
        background:#FFF5EE;
        border:2px solid #FF6600;
    }
    .jiesuan{
        width:100%;
        margin-top:47px;
        height:229px;
        background:rgba(255,249,237,1);
        border:1px solid rgba(222,222,222,1);
    
    }
    .choose{
        width:95%;
        margin:0 auto;
        /* border:1px solid black; */
        display: flex;
        justify-content: space-between;
        height:200px;
        align-items: center;
    }
    .choose>div>img{
        width:119px;
        height:40px;
        margin-right:20px;
        margin-bottom: 25px;
    }
    .buytotal{
        color:#FF6600;
        font-size: 15px;
        font-weight: bold;
    }
    .buynow{
        width:120px;
        height:40px;
        background:rgba(255,102,0,1);
        font-size:18px;
        color:white;
        outline: none;
        border:none;
        margin-top:25px;
        margin-bottom: 26px;
    }
    /* 会员中心 */
    .vip_bg{
    height:620px;
    width:100%;
    background-size:100% 100% !important;
}
.vip_content{
    width:100%;
    height:332px;
    margin-top:235px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.vip_item{
    width:48%;
    line-height:35px;
    height:140px;
    background:rgba(255,255,255,1);
    border-radius:10px;
    background:white;
    margin-bottom: 25px;
    /* border:3px solid #970393; */
}
    .myred{
        color:red;
    }
    .myprice{
        font-weight: bold;
        font-size:25px;
    }
    .sxk{
        width:86px;
        height:22spx;
    }
    .hour{
        font-size:16px;
    }
    .kaitong{
        width:162px;
        height:40px;
        background:#FBE622;
        font-size:14px;
        line-height:40px;
        border-radius: 40px;
        text-align: center;
        margin:0 auto;
        font-weight: 500;
    }
            /* 消息页面样式  */
.resetpwd1{
    width:100%;
    margin:10px auto;
    background:rgba(255,255,255,1);
    box-sizing: border-box;
    padding-top:25px;
    padding-bottom: 25px;
}
.shuru1{
    width:95%;
    border-top:1px solid #E2E2E2;
    margin:25px auto;
}
 .message_p{
    font-size:14px;border-bottom:2px solid #A02A9D;height:30px;width:30px;margin-left:35px;color:#A02A9D;
 }
 .mes_item{
    border-bottom: 1px solid #E2E2E2;
    padding:15px 0 15px;
 }
 .mes_item>.mes_title{
     color:#333333;
     font-size: 10px;
     display: flex;
     justify-content: space-between;
     padding:15px 0;
 }

 .ms_content{
     width:63%;
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
     color:#666666;

}

     /* 密码重置页面样式 */
     .resetpwd{
        width:100%;
        margin:20px auto;
        height:392px;
        background:rgba(255,255,255,1);
        box-sizing: border-box;
        padding-top:25px;
    }
    .shuru{
        width:90%;
        border-top:1px solid #E2E2E2;
        margin:25px auto;
        height:400px;
    }
    /* 登录样式 */
    .mylogin_mask{
        width:100%;
        height:100%;
        background:rgba(0,0,0,.3);
        position: fixed;
        top:0;
        z-index: 9999;
        display: none;
    }
    .mylogin{
        width:300px;
        background:white;
        position: fixed;
        top:50%;
        left:50%;
        margin-left:-150px;
        margin-top:-150px;
    }
    .guanbi{
        margin-top:15px;
        margin-right:15px;
    }
    .login_item{
        width:280px;
        height:33px;
        background:rgba(245,247,249,1);
        margin:18px auto;
        line-height: 30px;
        padding:1px 19px;
        box-sizing: border-box;
    } 
    .login_item>input,.login_item>div>input{
        height:30px;
        margin-left:18px;
        outline: none;
        font-size:12px;
        border:none;
        background: transparent;
    }
    .logphone{
        width:15px;
        height:18px;
    }
    .forgetpwd{
        display: flex;
        justify-content: space-between;
        width:280px;
        margin:35px auto;

    }
    .logbtn{
        width: 280px;
        margin:35px auto;
    }
    input[type=button]{
        width:100%;
        background:#BC31CE;
        height:34px;
        font-size: 14px;
        color:white;
        outline: none;
        border:none;
    }
    .loginbar{
        display: flex;
        justify-content: space-around;
        width:90%;
        font-size:24px;
        margin:0 auto;
        font-family:MicrosoftYaHei;
        font-weight:400;
        color:rgba(51,51,51,1);
        line-height:20px;
        border-bottom:2px solid #F0F0F0;
        /* padding-bottom: 15px; */
    }
    
    .rsetpwd{
        color:#BC31CE;
        font-size:12px;
    }
    .mylogs{
        position: relative;
    }
    #login,#register{
        width:100%;
        position: absolute;
        top:0;
        left:0;
        background:white;
    }
    .loginbar>span{
        text-align: center;
        font-size:14px;
    }
    .login_active{
        color:#970393;         
    }   
    .login_active::after{
        display: block;
        content: "";
        border:2px solid #970393;
        margin-top:15px;
        border-radius: 2px;
        width:70px;
    }
    /* end */
    #myCarousel1 .carousel-indicators .active{
        width:40px;    
    }
    .carousel-indicators li{
        width:40px !important;
        height:5px !important;
    }
    .service-block .row {
        padding: 0 15px;
    }
    .service-block .row > div {
        padding-left: 0;
        padding-right: 0;
    }
    .vacation-offer-details h4{
        font-size: 17px;
        line-height: 22px;
    }
    .vacation-offer-bgbanner::before{
        left: -40%;
    }
    .vacation-offer-details > h1{
        font-size: 23px;
    }
    .view-set-block {
        width: 100%;
    }
    .side-in-image {
        float: unset;
        width: auto;
    }
    .about-left p{
        font-size: 40px;
    }
    .about-right h3{
        margin-top: 20px;
    }


    /*  */
    .logo{
        margin-top:-12px;
        width:100px;
        height:66px;
    }
    /* 搜索样式 */
    .search{
        display: flex;
        justify-content: space-between;
    }
    .search>div>input{
        outline: none;
        border:1px dotted #333333;
        padding-left:15px;
        font-size:12px;
        height:36px;
    }
    .research{
        display: flex;
        justify-content: flex-start
    }
    .myava{
        display: flex;
        white-space: nowrap;
        margin-left:8px;
        line-height:30px;
        font-size:16px;
    }
    .myava>.login{
        color:#970393;
    }
    .myava>a:hover{
        color:#970393;
    }
    .ava{
        width:28px;
        height:28px;
        border-radius: 50%;
        margin-left:15px;
    }
    .username{
        display: block;
        width:60px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        font-size:14px;
    }
    /* 精品课程 */
    .course{
        width:100%;
        display: flex;
        justify-content: space-between;
        height:100px;
        line-height:100px;
        align-items: center;
    }
    .course>h3{
        font-size:20px;
        font-family:MicrosoftYaHei;
        font-weight:400;
        color:rgba(51,51,51,1);
        
    }
    .getmore{
        width:100px;
        height:17px;
        font-size:16px;
        font-family:MicrosoftYaHei;
        font-weight:400;
        color:rgba(151,3,147,1);
        line-height:20px;
    }
    .getmore:hover{
        color:rgba(151,3,147,1);
    }
    /* 导航 */
    .courser_nav{
        box-sizing: border-box;
        width:100%;
        background:rgba(247,247,247,1);
        height:70px;
        line-height: 70px;
        /* overflow-x:scroll; */
    }
    
    .courser_nav>ul{
        width:70%;
        display: flex;
        list-style-type: none;
        justify-content: space-around;
    }
    .courser_nav>ul>li{
        font-size:14px;
        color:#666666;
        cursor: pointer;
        height:80%;
        width:81px; 
        text-align: center   
    }
    .nav_active{
        color:rgba(151,3,147,1) !important;
    }
    .nav_active::after{
        content:"";
        display: block;
        width:100%;
        border:1px solid rgba(151,3,147,1);
        border-radius: 3px;
        width:100%;
        margin-top:-6px;
    }
    .coure_item{
        display: flex;
        flex-direction: column;
        width:23%;
        margin:25px 0;
        position: relative;
        margin-right:15px;
        height:279px;
    }
    .mycontent{
        position: relative;
        height:310px;
    }
    
    .mycontent_item{
        display: flex;
        flex-wrap: wrap;
        position: absolute;
        background:white;
    }
    .coure_item:hover{
        box-shadow:0px 3px 9px 0px rgba(153,153,153,0.22);
        border-radius:0px 0px 5px 5px;
    }
    .coure_item>p{
        font-weight:400;
        color:rgba(51,51,51,1);
        line-height:20px;
        width:100%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        box-sizing: border-box;
        padding-left:15px;
    }
    
    #all>.coure_item:nth-child(4),#all>.coure_item:nth-child(8){
        margin-right: 0 !important;
    }
    #progress>.coure_item:nth-child(4){
        margin-right: 0 !important;
    }
    #ai>.coure_item:nth-child(4){
        margin-right: 0 !important;
    }
    #test>.coure_item:nth-child(4){
        margin-right: 0 !important;
    }
    #language>.coure_item:nth-child(4){
        margin-right: 0 !important;
    }
    #money>.coure_item:nth-child(4){
        margin-right: 0 !important;
    }
    #itnet>.coure_item:nth-child(4){
        margin-right: 0 !important;
    }
    #progress>.coure_item:nth-child(8){
        margin-right: 0 !important;
    }
    #ai>.coure_item:nth-child(8){
        margin-right: 0 !important;
    }
    #test>.coure_item:nth-child(8){
        margin-right: 0 !important;
    }
    #language>.coure_item:nth-child(8){
        margin-right: 0 !important;
    }
    #money>.coure_item:nth-child(8){
        margin-right: 0 !important;
    }
    #itnet>.coure_item:nth-child(8){
        margin-right: 0 !important;
    }
    .teacher{
        margin:15px;
    }
    .cour_pic{
        width:100%;
        height:140px;
        margin-bottom: 8px;
    }
    #comment>.coure_item:nth-child(4),#comment>.coure_item:nth-child(8),#comment>.coure_item:nth-child(12),#comment>.coure_item:nth-child(16){
        margin-right: 0 !important;
    }
    #well>.coure_item:nth-child(4),#well>.coure_item:nth-child(8),#well>.coure_item:nth-child(12),#comment>.coure_item:nth-child(16){
        margin-right: 0 !important;
    }
    #newcourse>.coure_item:nth-child(4),#newcourse>.coure_item:nth-child(8),#newcourse>.coure_item:nth-child(12),#comment>.coure_item:nth-child(16){
        margin-right: 0 !important;
    }
    .mask{
        width:100%;
        height:140px;
        background:rgba(0,0,0,.3);
        position: absolute;
        z-index:2;
        top:0;
        left:0;
        text-align: center;
        line-height: 140px;
        display: none;
        border-radius: 5px;
    }
    .coure_item:hover .mask{
        display: block;
    }
    .start_learn{
        display: inline-block;
        width:80px;
        height:25px;
        line-height:22px;
        border-radius:35px;
        color:white;
        border:2px solid white;
        text-align: center;
        font-size:10px;
    }
    .start_learn:hover{
        color:#970393;
        border:2px solid #970393;
    
    }
    .teacher>img{
        width:20px;
        height:20px;
        border-radius: 50%;
        margin-right:10px;
    }
    .teacher>span{
        font-size:12px;
        font-family:MicrosoftYaHei;
        font-weight:400;
        color:rgba(102,102,102,1);
        line-height:20px;
    }
    .renavs{
        width:30% !important;
    }
    .mycontent1{
        position: relative;
        height:717px;
    }
    .recontent{
        height:717px;
        width:100%;
        box-sizing: border-box;
        position:absolute;
        background:white;
    }
    .reparent{
        display: flex;
        flex-wrap: wrap;
    }
    .reparent>.coure_item:nth-child(4),.reparent>.coure_item:nth-child(8),.reparent>.coure_item:nth-child(12),.reparent>.coure_item:nth-child(16){
        margin-right: 0 !important;
    }
    ul.pagenation{
        list-style: none;
        display: flex;
        align-self: center;
        margin-bottom: 50px;
    }
    .pagenation>li{
        text-align: center;
        height:30px;
        line-height: 30px;
        width:30px;
        margin-right:15px;
        color:rgba(133,146,149,1);
        border:1px solid rgba(221,221,221,1);
    }
    .pagenation>li:first-child,.pagenation>li:last-child{
        width:100px;
        height:30px;
    }
    .page_active{
        width:30px;
    height:30px;
    color:white !important;
    background:rgba(151,3,147,1);
    }
    /* footer */
    .fp{
        height:200px;
        width:100%;
        background:rgba(68,69,70,1);
        position: relative;
    }
    .footer_detal{
        /* display: flex;
        align-items: center;
        flex-direction: column; */
        position: absolute;
        margin-left:-250px;
        top:50%;
        left:50%;
        width:500px;
        margin-top:-60px;
        text-align: center;
        line-height:30px;
        font-size:14px;
        font-family:MicrosoftYaHei;
        font-weight:400;
        color:rgba(255,255,255,1);
    }
    .copyright{
        font-size:14px;
        font-family:MicrosoftYaHei;
        font-weight:400;
        color:rgba(190,190,190,1);
    }
    .erweima{
        position: absolute;
        right:22px;
        color:white;
        top:30px;
    }
    .focus+img{
        width:103px;
        height:103px;
        margin-top:8px;
    }
}

@media (max-width: 767px) {
    .clear_ding{
        margin-top:115px;
    }
    .course>h3{
        margin-left:10px;
    }
    /* 头部样式 */
    .header-container{     
        position: absolute;
        z-index: 999;
        background: white;
        width:100%;
    }
    #myCarousel1{
        margin-top:140px;
    }
    /* 课程详情 */
    .bread_nav{
        display: block;
        width:100%;
        height:50px;
        line-height:50px;
        font-size:16px;
        color:#333333;
    }
    .video_desc{
        width:100%;
        height:465px;
        background:white;
        box-sizing: border-box;
        padding:25px 0;
        margin-top:117px;
    }
    .myallkecheng{
        display: flex;
        flex-wrap: wrap;
        
    }
    .mykecheng{
        margin-top:233px !important;
        height:1100px !important;
    }
    .kecheng_left{
        width:100% !important;
    }
    .kecheng_right{
        margin-toP:500px;
    }
    .v_time>span{
        margin-right:40px;
    }
    #myvideo{
        width:100%;
        height:190px; 
    }
    .v_detail{
        margin-left:25px;
        width:88%;
        /* border:1px solid black; */
    }
    .v_detail>h3{
        width:100%;
        font-size:18px;
        color:rgba(51,51,51,1);
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        margin-bottom: 15px;
        margin-top:15px;
    }
    .v_time{
        width:60%;
        white-space: nowrap;
        margin-bottom: 4px;
    }
    .v_color{
        font-size:16px;
        color:rgba(102,102,102,1)
    }
    .v_teacher{
        line-height:35px;
    }
    .v_sc{
        width:22px;
        height:20px;
        vertical-align:sub;
        margin-right:10px;
    }
    .mysc{
        margin-top:10px;
    }
    .v_nav{
        width:95%;
        border-bottom:1px solid #E9E9E9;
        /* border:1px solid black; */
        height:75px;
        line-height:75px;
        /* padding-left:50px; */
        margin:0 auto;
    }
    .v_nav>span{
        display: inline-block;
        width:100px;
        font-size:16px;
        height:75px;
        margin-right:35px;
        text-align: center;
    }
    .v_nav_active{
        color:#970393;
        border-top:2px solid #BC31CE;
    }
    .v_nav_content{
        position: relative;
        width:100%;
        margin-top:25px;
    }
    #course_index,#course_detail{
        position: absolute;
        top:0;
        left:0;
        width: 100%;
        background:white;
        height:891px;
        overflow: hidden;
        /* overflow-y:scroll; */
    }
    .course_index_item{
        width:95%;
        margin:0 auto;
        /* border:1px solid black; */
        height:40px;
        background:#F4F4F4;
        border-radius: 5px;
        line-height:40px;
        margin-bottom: 25px;
        color:#666666;
        box-sizing:border-box;
        padding-left:25px;
        font-weight:400;
    }
    .course_index_item_active{
        color:#ffffff;
        background:#970393;
    }
    .hot_recmonded{

        border-left:3px solid #970393;
        height:30px !important;
        line-height: 30px;
    }
    .hot_recmonded_item{
        width:90%;
        margin:0 auto;
    }
  div.neirong{
        width:80%;
        margin-left:25px;

        height:800px;
        box-sizing: border-box;
        padding:25px;
        color:#888888;
        overflow: hidden;
        font-size: 14px;
    }
    .coure_item1{
        display: flex;
        flex-direction: column;
        width: 88%;
        margin: 20px auto;
        position: relative;
      
        height: 279px;
    }
    .coure_item1:hover {
        box-shadow: 0px 3px 9px 0px rgba(153,153,153,0.22);
        border-radius: 0px 0px 5px 5px;
    }
    .coure_item1:hover .mask{
        display: block;
    }
    .coure_item1>p{
        margin-left:10px;
    }
 /*开通会员样式  */
 .kaitongvip{
    height:618px; 
    padding-top:10px;
    margin-top:25px;
    background:white;
    margin-bottom: 35px;
}
.kaitongvip>h3{
    margin-top:25px;
    margin-bottom: 35px;
    font-size: 16px;
}
.kaitong_items{
    width:90%;
    margin:0 auto;
    height:280px;
}
.kaitong_item{
    width:100%;
    height:25%;
    border:1px solid rgba(222,222,222,1);
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-sizing:border-box;
    padding:15px 20px 15px 20px;
}
.times{
    font-size:16px;
    color:#333333;
}
.yiyuan{
    font-size:12px;
    color:#666666;
}
.total{
    font-size:18px;
    color:rgba(255,102,0,1)
}
.kaitong_item_active{
    background:#FFF5EE;
    border:2px solid #FF6600;
}
.jiesuan{
    width:100%;
    margin-top:47px;
    height:229px;
    background:rgba(255,249,237,1);
    border:1px solid rgba(222,222,222,1);

}
.choose{
    width:90%;
    margin:0 auto;
    /* border:1px solid black; */
    display: flex;
    justify-content: space-between;
    height:200px;
    align-items: center;
}
.choose>div>img{
    width:137px;
    height:48px;
    margin-bottom: 15px;
    margin-right:20px;
}
.buytotal{
    color:#FF6600;
    font-size: 18px;
    font-weight: bold;
}
.buynow{
    width:156px;
    height:48px;
    background:rgba(255,102,0,1);
    font-size:18px;
    color:white;
    outline: none;
    border:none;
    margin-top:25px;
    margin-bottom: 0px;
}
    /*开通会员样式  */
 .kaitongvip{
    height:618px; 
  padding-top:10px;
    margin-top:212px;
    background:white;
    margin-bottom: 35px;
}
.kaitongvip>h3{
    margin-top:25px;
    margin-bottom: 35px;
    font-size: 16px;
}
.kaitong_items{
    width:90%;
    margin:0 auto;
    height:280px;
}
.kaitong_item{
    width:100%;
    height:25%;
    border:1px solid rgba(222,222,222,1);
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-sizing:border-box;
    padding:15px 20px 15px 20px;
}
.times{
    font-size:16px;
    color:#333333;
}
.yiyuan{
    font-size:12px;
    color:#666666;
}
.total{
    font-size:18px;
    color:rgba(255,102,0,1)
}
.kaitong_item_active{
    background:#FFF5EE;
    border:2px solid #FF6600;
}
.jiesuan{
    width:100%;
    margin-top:47px;
    height:229px;
    background:rgba(255,249,237,1);
    border:1px solid rgba(222,222,222,1);

}
.choose{
    width:90%;
    margin:0 auto;
    
    display: flex;
    justify-content: space-between;
    height:200px;
    align-items: center;
}
.choose>div>img{
    width:136px;
    height:48px;
    margin-right:20px;
    margin-bottom: 25px;
}
.buytotal{
    color:#FF6600;
    font-size: 28px;
    font-weight: bold;
}
.buynow{
    width:156px;
    height:48px;
    background:rgba(255,102,0,1);
    font-size:18px;
    color:white;
    outline: none;
    border:none;
    margin-top:25px;
    margin-bottom: 18px;
}
         /* 我的学习页面样式 */
         .myc_banner{
            width:100%;
            box-sizing: border-box;
            height:150px;
            margin-top:160px;
        }
        .sayhi{
            height:100%;
            width:50%;
            margin:0 auto;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }
        .uname{
            color:white;
            font-size:20px;
            margin-bottom: 20px;
            font-size:10px;
        }
        .uname+p{
            color:white;
            font-size: 14px;
            width:200px;
        }
        .liubai{
            width:100%;
            height:20px;
            background:#F8F8F8;
        }
        .join{
            width:125px;
            height:37px;
            margin-top:-16px;
        }
        .study_nav{
            width:100%;
            height:66px;
            line-height:66px;
            background:#ffffff;
            margin-top:134px;
        }
        .st_item{
            width:100%;
            display: flex;
            justify-content: space-between;
        }
        .st_desc{
            width:100px;
            font-size: 14px;
            margin-right:15px;
        }
        .st_desc_actiev{
            color:#970393;
        }
        .scontent{
            width:100%;
            position: relative;
            margin-top:25px;
            background:white; 
            height:1100px;     
        }
        .scontent1 {
            width: 100%;
            position: relative;
            margin-top: 15px;
            background: white;
            height: 1100px;
        }
        #sjion,#sstu{
            position: absolute;
            top:0;
            left:0;
            width:100%;
            background:white;
            display: flex;
            flex-wrap: wrap;
            justify-self: flex-start;
            padding-left:15px;
            box-sizing: border-box;
        }
        .scontent_item{
            width:47%;
            margin-right:2%;
            margin-top:15px;
            height:245px;
        }
        .scontent_item>img{
            width:100%;
            height:92px;
            border-top-left-radius: 5px;
            border-top-right-radius: 5px;
        }
        .scontent_item>div{
            width:100%;
            height:154px;
            text-align: center; 
            background:white;
            color:#333333;
            font-size:16px;  
        }
        .scontent_item>div>p{
            width:100%;
            overflow: hidden;
            height:50px;
            line-height:50px;
            text-align: center;
            white-space: nowrap;
            text-overflow: ellipsis;
            background:white;
            color:#333333;
            font-size:16px;  
        }
        .scontent_item>div>a{
            display: block;
           width:137px;
           height:35px;
           border-radius:35px;
           border:2px solid #970393;
           color:#970393;
           line-height:35px;
           margin:35px auto;
        }
        .scontent_item>div>a:hover{
            background:#970393;
            color:white;
        }
        .scontent_item:hover{
            box-shadow:0px 3px 9px 0px rgba(153,153,153,0.21);
            border-radius:0px 0px 5px 5px;
        }
        .mypage{
          
            right: 50%;
            align-items: center;
            bottom: 0px;
            margin:25px 35px; 
        } 
    #myCarousel1 .carousel-indicators .active{
        width:40px;    
    }
    .carousel-indicators li{
        width:40px !important;
        height:5px !important;
    }
     /*.navigation .nav1 li{
        display: block; 
    }*/
     /* .cl-effect-10{
        padding-left: 15px;
       width:100%;
        background:white;
        position: fixed;
        z-index: 9999; 
    }*/
    #myCarousel1 .carousel-inner img{
        height: 168px !important;
    }
    #myCarousel1 .carousel-caption h1{
        font-size: 40px;
    }
    .carousel-control img{
        max-width: 24px;
    }
    .service-details h4 {
        font-size: 14px;
        letter-spacing: 0;
        margin-top: 25px;
    }
    .mt-25 {
        margin-top: 25px;
    }
    .gallery-front .gallery-image {
        margin-left: auto;
        margin-right: auto;
        /*max-width: 278px;*/
        position: relative;
        text-align: center;
        margin-bottom: 30px;
    }
    .vacation-offer-bgbanner{
        padding: 45px 0px;
    }
    .vacation-offer-details > h1{
        font-size: 20px;
    }
    .vacation-offer-details h4 {
        font-size: 15px;
        line-height: 20px;
    }
    .vacation-offer-details .btn.btn-default{
        padding: 6px 9px;
        font-size: 14px;
    }
    .side-A, .side-B{
        float: none;
        width: 100%;
    }
    .product-desc-side{
        padding-left: 0;
    }
    .product-desc-side h3{
        font-size: 18px;
    }
    .links > a, .event-blog-details button{
        padding: 3px 6px;
    }
    .blog-box, .blog-view-box{
        padding: 25px 15px;
    }
    .blog-box > p {
        font-size: 15px;
        letter-spacing: 1px;
        line-height: 22px;
        padding: 10px 30px;
    }
    #myCarousel2 .carousel-indicators li, #myCarousel2 .carousel-indicators .active{
        width: 50px;
    }
    .event-blog-details > h4{
        font-size: 17px;
        letter-spacing: 1px;
    }
    .event-blog-image {
        margin-bottom: 20px;
    }
    .event-blog-details h5 a i {
        margin: 0 5px;
    }
    .event-blog-details h5 > a {
        margin-left: 0;
    }
    .event-blog-details > p {
        font-size: 13.5px;
        line-height: 22px;
        margin: 20px 0;
    }
 
    /*  */
    .logo{
        margin-top:-12px;
        width:75px;
        height:50px;
        position: absolute;
        z-index: 88;
        top: -10px;
    }
    /* 搜索样式 */
    .search{
        display: flex;
        justify-content: space-between;
        margin-top:15px;
    }
    .search>div>input{
        outline: none;
        border:1px dotted #333333;
        padding-left:15px;
        font-size:12px;
        height:36px;
    }
    .research{
        display: flex;
        justify-content: flex-start
    }
    .myava{
        display: flex;
        white-space: nowrap;
        margin-left:8px;
        line-height:30px;
        font-size:16px;
    }
    .myava>.login{
        color:#970393;
    }
    .myava>a:hover{
        color:#970393;
    }
    .ava{
        width:28px;
        height:28px;
        border-radius: 50%;
        margin-left:15px;
    }
    .username{
        display: block;
        width:60px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        font-size:14px;
    }
    /* 精品课程 */
    .course{
        width:100%;
        display: flex;
        justify-content: space-between;
        height:100px;
        line-height:100px;
        align-items: center;
    }
    .course>h3{
        font-size:18px;
        font-family:MicrosoftYaHei;
        font-weight:400;
        color:rgba(51,51,51,1); 
    }
    .getmore{
        width:100px;
        height:25px;
        font-size:16px;
        font-family:MicrosoftYaHei;
        font-weight:400;
        color:rgba(151,3,147,1);
        line-height:20px;
    }
    .getmore:hover{
        color:rgba(151,3,147,1);
    }
    /* 导航 */
    .courser_nav{
        box-sizing: border-box;
        width:100%;
        /* background:rgba(247,247,247,1); */
        background:transparent;
        height:70px;
        line-height: 70px;
        /* overflow-x:scroll; */
    }
    
    .courser_nav>ul{
        width:100%;
        display: flex;
        list-style-type: none;
        justify-content: space-around;
    }
    .courser_nav>ul>li{
        font-size:15px;
        color:#666666;
        cursor: pointer;
        height:80%;
        width:81px;    
    }
    .nav_active{
        color:rgba(151,3,147,1) !important;
    }
    .nav_active::after{
        content:"";
        display: block;
        width:100%;
        border:1px solid rgba(151,3,147,1);
        border-radius: 3px;
        width:100%;
        margin-top:-6px;
    }
    .coure_item{
        display: flex;
        flex-direction: column;
        width:45%;
        margin:15px 0;
        position: relative;
        margin-right:15px;
        height:230px;
    }
    .mycontent{
        position: relative;
        height:498px;
        padding-left: 15px;
        box-sizing: border-box;
    }
    
    .mycontent_item{
        display: flex;
        flex-wrap: wrap;
        position: absolute;
        background:white;
    }
    .coure_item:hover{
        box-shadow:0px 3px 9px 0px rgba(153,153,153,0.22);
        border-radius:0px 0px 5px 5px;
    }
    .coure_item>p{
        font-weight:400;
        color:rgba(51,51,51,1);
        width:100%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        box-sizing: border-box;
        padding-left:15px;
        height:30px;   
        font-size:14px;
    }
    
    #all>.coure_item:nth-child(2),#all>.coure_item:nth-child(4){
        margin-right: 0 !important;
    }
    #progress>.coure_item:nth-child(2){
        margin-right: 0 !important;
    }
    #ai>.coure_item:nth-child(2){
        margin-right: 0 !important;
    }
    #test>.coure_item:nth-child(2){
        margin-right: 0 !important;
    }
    #language>.coure_item:nth-child(2){
        margin-right: 0 !important;
    }
    #money>.coure_item:nth-child(2){
        margin-right: 0 !important;
    }
    #itnet>.coure_item:nth-child(2){
        margin-right: 0 !important;
    }
    #progress>.coure_item:nth-child(4){
        margin-right: 0 !important;
    }
    #ai>.coure_item:nth-child(4){
        margin-right: 0 !important;
    }
    #test>.coure_item:nth-child(4){
        margin-right: 0 !important;
    }
    #language>.coure_item:nth-child(4){
        margin-right: 0 !important;
    }
    #money>.coure_item:nth-child(4){
        margin-right: 0 !important;
    }
    #itnet>.coure_item:nth-child(4){
        margin-right: 0 !important;
    }
    .teacher{
        margin:0 15px;
    }
    .cour_pic{
        width:100%;
        height:111px;
        margin-bottom: 8px;
    }
    #comment>.coure_item:nth-child(4),#comment>.coure_item:nth-child(8),#comment>.coure_item:nth-child(12),#comment>.coure_item:nth-child(16){
        margin-right: 0 !important;
    }
    #well>.coure_item:nth-child(4),#well>.coure_item:nth-child(8),#well>.coure_item:nth-child(12),#comment>.coure_item:nth-child(16){
        margin-right: 0 !important;
    }
    #newcourse>.coure_item:nth-child(4),#newcourse>.coure_item:nth-child(8),#newcourse>.coure_item:nth-child(12),#comment>.coure_item:nth-child(16){
        margin-right: 0 !important;
    }
    .mask{
        width:100%;
        height:111px;
        background:rgba(0,0,0,.3);
        position: absolute;
        z-index:2;
        top:0;
        left:0;
        text-align: center;
        line-height: 111px;
        display: none;
        border-radius: 5px;
    }
    .coure_item:hover .mask{
        display: block;
    }
    .start_learn{
        display: inline-block;
        width:80px;
        height:25px;
        line-height:22px;
        border-radius:25px;
        color:white;
        border:2px solid white;
        text-align: center;
        font-size:10px;
    }
    .start_learn:hover{
        color:#970393;
        border:2px solid #970393;
    
    }
    .teacher>img{
        width:20px;
        height:20px;
        border-radius: 50%;
        margin-right:10px;
    }
    .teacher>span{
        font-size:12px;
        font-family:MicrosoftYaHei;
        font-weight:400;
        color:rgba(102,102,102,1);
        line-height:20px;
    }
    .renavs{
        width:30% !important;
    }
    .mycontent1{
        position: relative;
        height:1100px;
        padding-left: 9px;
        box-sizing: border-box;
    }
    .recontent{
        height:1000px;
        width:100%;
        box-sizing: border-box;
        position:absolute;
        background:white;
    }
    .reparent{
        display: flex;
        flex-wrap: wrap;
    }
    .reparent>.coure_item:nth-child(4),.reparent>.coure_item:nth-child(8),.reparent>.coure_item:nth-child(12),.reparent>.coure_item:nth-child(16){
        margin-right: 0 !important;
    }
    ul.pagenation{
        list-style: none;
        display: flex;
        align-self: center;
        margin-bottom: 50px;
    }
    .pagenation>li{
        text-align: center;
        height:30px;
        line-height: 30px;
        width:30px;
        margin-right:15px;
        color:rgba(133,146,149,1);
        border:1px solid rgba(221,221,221,1);
    }
    .pagenation>li:first-child,.pagenation>li:last-child{
        width:83px;
        height:30px;
    }
    .page_active{
        width:30px;
    height:30px;
    color:white !important;
    background:rgba(151,3,147,1);
    }
    /* footer */
    .fp{
        height:200px;
        width:100%;
        background:rgba(68,69,70,1);
        position: relative;
    }
    .footer_detal{
        /* display: flex;
        align-items: center;
        flex-direction: column; */
        position: absolute;
        margin-left:-133px;
        top:50%;
        left:50%;
        width:266px;
        margin-top:-70px;
        text-align: center;
        line-height:20px;
        font-size:14px;
        font-family:MicrosoftYaHei;
        font-weight:400;
        color:rgba(255,255,255,1);
    }
    .copyright{
        font-size:10px;
        font-family:MicrosoftYaHei;
        font-weight:400;
        color:rgba(190,190,190,1);
    }
    .erweima{
        position: absolute;
        right:10px;
        color:white;
        top:30px;
    }
    .focus{
        font-size: 10px;
    }
    .focus+img{
        width:60px;
        height:60px;
        margin-top:8px;
    }
}

@media (min-width: 600px) and (max-width: 767px) {
    .clear_ding{
        margin-top:155px;
    }
    .course>h3{
        margin-left:10px;
    }
    #myCarousel1 .carousel-indicators .active{
        width:40px;    
    }
    .carousel-indicators li{
        width:40px !important;
        height:5px !important;
    }
    #myCarousel1 .carousel-inner img{
        height: 360px !important;
    }
    #myCarousel1 .carousel-caption h1{
        font-size: 55px;
    }
    .carousel-control img{
        max-width: 28px;
    }
    .service-details h4 {
        font-size: 16px;
        letter-spacing: 1px;
    }

    .logo{
        width:78px;
        height:52px;
    }

    .view-set-block .col-xs-12, .width-set-50 {
        width: 50%;
    }
    .side-in-image {
        width: auto !important;
    }
    .image-head-wrapper{
        height: 300px;
    }
    .overlay .info > i{
        font-size: 20px;
    }
    /*  */
    .logo{
        margin-top:-12px;
        width:100px;
        height:66px;
    }
    /* 搜索样式 */
    .search{
        display: flex;
        justify-content: space-between;
    }
    .search>div>input{
        outline: none;
        border:1px dotted #333333;
        padding-left:15px;
        font-size:12px;
        height:36px;
    }
    .research{
        display: flex;
        justify-content: flex-start
    }
    .myava{
        display: flex;
        white-space: nowrap;
        margin-left:8px;
        line-height:30px;
        font-size:16px;
    }
    .myava>.login{
        color:#970393;
    }
    .myava>a:hover{
        color:#970393;
    }
    .ava{
        width:28px;
        height:28px;
        border-radius: 50%;
        margin-left:15px;
    }
    .username{
        display: block;
        width:60px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        font-size:14px;
    }
    /* 精品课程 */
    .course{
        width:100%;
        display: flex;
        justify-content: space-between;
        height:100px;
        line-height:100px;
        align-items: center;
    }
    .course>h3{
        font-size:20px;
        font-family:MicrosoftYaHei;
        font-weight:400;
        color:rgba(51,51,51,1);
        
    }
    .getmore{
        width:100px;
        height:17px;
        font-size:16px;
        font-family:MicrosoftYaHei;
        font-weight:400;
        color:rgba(151,3,147,1);
        line-height:20px;
    }
    .getmore:hover{
        color:rgba(151,3,147,1);
    }
    /* 导航 */
    .courser_nav{
        box-sizing: border-box;
        width:100%;
        background:rgba(247,247,247,1);
        height:70px;
        line-height: 70px;
        /* overflow-x:scroll; */
    }
    
    .courser_nav>ul{
        width:70%;
        display: flex;
        list-style-type: none;
        justify-content: space-around;
    }
    .courser_nav>ul>li{
        font-size:20px;
        color:#666666;
        cursor: pointer;
        height:80%;
        width:81px;    
    }
    .nav_active{
        color:rgba(151,3,147,1) !important;
    }
    .nav_active::after{
        content:"";
        display: block;
        width:100%;
        border:3px solid rgba(151,3,147,1);
        border-radius: 3px;
        width:100%;
        margin-top:-6px;
    }
    .coure_item{
        display: flex;
        flex-direction: column;
        width:24%;
        margin:25px 0;
        position: relative;
        margin-right:15px;
        height:279px;
    }
    .mycontent{
        position: relative;
        height:695px;
    }
    
    .mycontent_item{
        display: flex;
        flex-wrap: wrap;
        position: absolute;
        background:white;
    }
    .coure_item:hover{
        box-shadow:0px 3px 9px 0px rgba(153,153,153,0.22);
        border-radius:0px 0px 5px 5px;
    }
    .coure_item>p{
        font-weight:400;
        color:rgba(51,51,51,1);
        line-height:20px;
        width:100%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        box-sizing: border-box;
        padding-left:15px;
    }
    
    #all>.coure_item:nth-child(4),#all>.coure_item:nth-child(8){
        margin-right: 0 !important;
    }
    #progress>.coure_item:nth-child(4){
        margin-right: 0 !important;
    }
    #ai>.coure_item:nth-child(4){
        margin-right: 0 !important;
    }
    #test>.coure_item:nth-child(4){
        margin-right: 0 !important;
    }
    #language>.coure_item:nth-child(4){
        margin-right: 0 !important;
    }
    #money>.coure_item:nth-child(4){
        margin-right: 0 !important;
    }
    #itnet>.coure_item:nth-child(4){
        margin-right: 0 !important;
    }
    #progress>.coure_item:nth-child(8){
        margin-right: 0 !important;
    }
    #ai>.coure_item:nth-child(8){
        margin-right: 0 !important;
    }
    #test>.coure_item:nth-child(8){
        margin-right: 0 !important;
    }
    #language>.coure_item:nth-child(8){
        margin-right: 0 !important;
    }
    #money>.coure_item:nth-child(8){
        margin-right: 0 !important;
    }
    #itnet>.coure_item:nth-child(8){
        margin-right: 0 !important;
    }
    .teacher{
        margin:15px;
    }
    .cour_pic{
        width:100%;
        height:180px;
        margin-bottom: 8px;
    }
    #comment>.coure_item:nth-child(4),#comment>.coure_item:nth-child(8),#comment>.coure_item:nth-child(12),#comment>.coure_item:nth-child(16){
        margin-right: 0 !important;
    }
    #well>.coure_item:nth-child(4),#well>.coure_item:nth-child(8),#well>.coure_item:nth-child(12),#comment>.coure_item:nth-child(16){
        margin-right: 0 !important;
    }
    #newcourse>.coure_item:nth-child(4),#newcourse>.coure_item:nth-child(8),#newcourse>.coure_item:nth-child(12),#comment>.coure_item:nth-child(16){
        margin-right: 0 !important;
    }
    .mask{
        width:100%;
        height:180px;
        background:rgba(0,0,0,.3);
        position: absolute;
        z-index:2;
        top:0;
        left:0;
        text-align: center;
        line-height: 180px;
        display: none;
        border-radius: 5px;
    }
    .coure_item:hover .mask{
        display: block;
    }
    .start_learn{
        display: inline-block;
        width:137px;
        height:35px;
        line-height:32px;
        border-radius:35px;
        color:white;
        border:2px solid white;
        text-align: center;
        font-size:16px;
    }
    .start_learn:hover{
        color:#970393;
        border:2px solid #970393;
    
    }
    .teacher>img{
        width:20px;
        height:20px;
        border-radius: 50%;
        margin-right:10px;
    }
    .teacher>span{
        font-size:12px;
        font-family:MicrosoftYaHei;
        font-weight:400;
        color:rgba(102,102,102,1);
        line-height:20px;
    }
    .renavs{
        width:30% !important;
    }
    .mycontent1{
        position: relative;
        height:1400px;
    }
    .recontent{
        height:1400px;
        width:100%;
        box-sizing: border-box;
        position:absolute;
        background:white;
    }
    .reparent{
        display: flex;
        flex-wrap: wrap;
    }
    .reparent>.coure_item:nth-child(4),.reparent>.coure_item:nth-child(8),.reparent>.coure_item:nth-child(12),.reparent>.coure_item:nth-child(16){
        margin-right: 0 !important;
    }
    ul.pagenation{
        list-style: none;
        display: flex;
        align-self: center;
        margin-bottom: 50px;
        margin-left:300px;
    }
    .pagenation>li{
        text-align: center;
        height:30px;
        line-height: 30px;
        width:30px;
        margin-right:15px;
        color:rgba(133,146,149,1);
        border:1px solid rgba(221,221,221,1);
    }
    .pagenation>li:first-child,.pagenation>li:last-child{
        width:100px;
        height:30px;
    }
    .page_active{
        width:30px;
    height:30px;
    color:white !important;
    background:rgba(151,3,147,1);
    }
    /* footer */
    .fp{
        height:200px;
        width:100%;
        background:rgba(68,69,70,1);
        position: relative;
    }
    .footer_detal{
        /* display: flex;
        align-items: center;
        flex-direction: column; */
        position: absolute;
        margin-left:-250px;
        top:50%;
        left:50%;
        width:500px;
        margin-top:-60px;
        text-align: center;
        line-height:30px;
        font-size:14px;
        font-family:MicrosoftYaHei;
        font-weight:400;
        color:rgba(255,255,255,1);
    }
    .copyright{
        font-size:14px;
        font-family:MicrosoftYaHei;
        font-weight:400;
        color:rgba(190,190,190,1);
    }
    .erweima{
        position: absolute;
        right:450px;
        color:white;
        top:30px;
    }
    .focus+img{
        width:125px;
        height:125px;
        margin-top:8px;
    }
}

@media (min-width: 480px) and (max-width: 767px) {
    .clear_ding{
        margin-top:155px;
    }
    .course>h3{
        margin-left:10px;
    }
         /* 我的学习页面样式 */
         .myc_banner{
            width:100%;
            box-sizing: border-box;
            height:212px;
        }
        .sayhi{
            height:100%;
            width:50%;
            margin:0 auto;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }
        .uname{
            color:white;
            font-size:20px;
            margin-bottom: 20px;
        }
        .uname+p{
            color:white;
            font-size: 14px;
            width:200px;
        }
        .liubai{
            width:100%;
            height:20px;
            background:#F8F8F8;
        }
        .join{
            width:229px;
            height:65px;
            margin-top:-16px;
        }
        .study_nav{
            width:100%;
            height:66px;
            line-height:66px;
            background:#ffffff;
        }
        .st_item{
            width:100%;
            display: flex;
            justify-content: space-between;
        }
        .st_desc{
            width:100px;
            font-size: 14px;
            margin-right:15px;
        }
        .st_desc_actiev{
            color:#970393;
        }
        .scontent{
            width:100%;
            position: relative;
            margin-top:25px;
            background:white; 
            height:600px;
           
            
        }
      
        #sjion,#sstu{
            position: absolute;
            top:0;
            left:0;
            width:100%;
            background:white;
            display: flex;
            flex-wrap: wrap;
            justify-self: flex-start;
            padding-left:15px;
            box-sizing: border-box;
        }
        .scontent_item{
            width:23%;
            margin-right:2%;
            margin-top:15px;
            height:245px;
        }
        .scontent_item>img{
            width:100%;
            height:92px;
            border-top-left-radius: 5px;
            border-top-right-radius: 5px;
        }
        .scontent_item>div{
            width:100%;
            height:154px;
            text-align: center; 
            background:white;
            color:#333333;
            font-size:16px;  
        }
        .scontent_item>div>p{
            width:100%;
            overflow: hidden;
            height:50px;
            line-height:50px;
            text-align: center;
            white-space: nowrap;
            text-overflow: ellipsis;
            background:white;
            color:#333333;
            font-size:16px;  
        }
        .scontent_item>div>a{
            display: block;
           width:137px;
           height:35px;
           border-radius:35px;
           border:2px solid #970393;
           color:#970393;
           line-height:35px;
           margin:35px auto;
        }
        .scontent_item>div>a:hover{
            background:#970393;
            color:white;
        }
        .scontent_item:hover{
            box-shadow:0px 3px 9px 0px rgba(153,153,153,0.21);
            border-radius:0px 0px 5px 5px;
        }
        .mypage{
          
            right: 50%;
            align-items: center;
            bottom: 0px;
            margin:25px auto;
         
             
        } 
    #myCarousel1 .carousel-indicators .active{
        width:30px;    
    }
    .carousel-indicators li{
        width:30px !important;
        height:5px !important;
    }
    .carousel-indicators li{
        width:40px !important;
    }
    .gallery-block .col-xs-12 {
        width: 50%;
    }
    .logo{
        margin-top:-12px;
        width:75px;
        height:50px;
    }
    /* 搜索样式 */
    .search{
        display: flex;
        justify-content: space-between;
    }
    .search>div>input{
        outline: none;
        border:1px dotted #333333;
        padding-left:15px;
        font-size:12px;
        height:36px;
    }
    .research{
        display: flex;
        justify-content: flex-start
    }
    .myava{
        display: flex;
        white-space: nowrap;
        margin-left:8px;
        line-height:30px;
        font-size:16px;
    }
    .myava>.login{
        color:#970393;
    }
    .myava>a:hover{
        color:#970393;
    }
    .ava{
        width:28px;
        height:28px;
        border-radius: 50%;
        margin-left:15px;
    }
    .username{
        display: block;
        width:60px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        font-size:14px;
    }
    /* 精品课程 */

    .course{
        width:100%;
        display: flex;
        justify-content: space-between;
        height:100px;
        line-height:100px;
        align-items: center;
    }
    .course>h3{
        font-size:20px;
        font-family:MicrosoftYaHei;
        font-weight:400;
        color:rgba(51,51,51,1);
    }
    .getmore{
        width:100px;
        height:17px;
        font-size:16px;
        font-family:MicrosoftYaHei;
        font-weight:400;
        color:rgba(151,3,147,1);
        line-height:20px;
    }
    .getmore:hover{
        color:rgba(151,3,147,1);
    }
    /* 导航 */
    .courser_nav{
        box-sizing: border-box;
        width:100%;
        background:rgba(247,247,247,1);
        height:70px;
        line-height: 70px;
        /* overflow-x:scroll; */

      
    }
    .courser_nav>ul{
        width:100%;
        display: flex;
        list-style-type: none;
        justify-content: space-around;

    }
    .courser_nav>ul>li{
        font-size:10px;
        color:#666666;
        cursor: pointer;
        height:80%;
        width:81px; 
        text-align: center;   
        margin-right:15px !important;

    }
    .nav_active{
        color:rgba(151,3,147,1) !important;
    }
    .nav_active::after{
        content:"";
        display: block;
        width:100%;
        border:1px solid rgba(151,3,147,1);
        border-radius: 3px;
        width:100%;
        margin-top:-6px;
    }
    .coure_item{
        display: flex;
        flex-direction: column;
        width:23%;
        margin:25px 0;
        position: relative;
        margin-right:15px;
        height:279px;
    }
    .mycontent{
        position: relative;
        height:695px;
    }
    
    .mycontent_item{
        display: flex;
        flex-wrap: wrap;
        position: absolute;
        background:white;
    }
    .coure_item:hover{
        box-shadow:0px 3px 9px 0px rgba(153,153,153,0.22);
        border-radius:0px 0px 5px 5px;
    }
    .coure_item>p{
        font-weight:400;
        color:rgba(51,51,51,1);
        line-height:20px;
        width:100%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        box-sizing: border-box;
        padding-left:15px;
    }
    
    #all>.coure_item:nth-child(4),#all>.coure_item:nth-child(8){
        margin-right: 0 !important;
    }
    #progress>.coure_item:nth-child(4){
        margin-right: 0 !important;
    }
    #ai>.coure_item:nth-child(4){
        margin-right: 0 !important;
    }
    #test>.coure_item:nth-child(4){
        margin-right: 0 !important;
    }
    #language>.coure_item:nth-child(4){
        margin-right: 0 !important;
    }
    #money>.coure_item:nth-child(4){
        margin-right: 0 !important;
    }
    #itnet>.coure_item:nth-child(4){
        margin-right: 0 !important;
    }
    #progress>.coure_item:nth-child(8){
        margin-right: 0 !important;
    }
    #ai>.coure_item:nth-child(8){
        margin-right: 0 !important;
    }
    #test>.coure_item:nth-child(8){
        margin-right: 0 !important;
    }
    #language>.coure_item:nth-child(8){
        margin-right: 0 !important;
    }
    #money>.coure_item:nth-child(8){
        margin-right: 0 !important;
    }
    #itnet>.coure_item:nth-child(8){
        margin-right: 0 !important;
    }
    .teacher{
        margin:15px;
    }
    .cour_pic{
        width:100%;
        height:140px;
        margin-bottom: 8px;
    }
    #comment>.coure_item:nth-child(4),#comment>.coure_item:nth-child(8),#comment>.coure_item:nth-child(12),#comment>.coure_item:nth-child(16){
        margin-right: 0 !important;
    }
    #well>.coure_item:nth-child(4),#well>.coure_item:nth-child(8),#well>.coure_item:nth-child(12),#comment>.coure_item:nth-child(16){
        margin-right: 0 !important;
    }
    #newcourse>.coure_item:nth-child(4),#newcourse>.coure_item:nth-child(8),#newcourse>.coure_item:nth-child(12),#comment>.coure_item:nth-child(16){
        margin-right: 0 !important;
    }
    .mask{
        width:100%;
        height:140px;
        background:rgba(0,0,0,.3);
        position: absolute;
        z-index:2;
        top:0;
        left:0;
        text-align: center;
        line-height: 180px;
        display: none;
        border-radius: 5px;
    }
    .coure_item:hover .mask{
        display: block;
    }
    .start_learn{
        display: inline-block;
        width:80px;
        height:25px;
        line-height:22px;
        border-radius:25px;
        color:white;
        border:2px solid white;
        text-align: center;
        font-size:10px;
    }
    .start_learn:hover{
        color:#970393;
        border:2px solid #970393;
    
    }
    .teacher>img{
        width:20px;
        height:20px;
        border-radius: 50%;
        margin-right:10px;
    }
    .teacher>span{
        font-size:12px;
        font-family:MicrosoftYaHei;
        font-weight:400;
        color:rgba(102,102,102,1);
        line-height:20px;
    }
    .renavs{
        width:30% !important;
    }
    .mycontent1{
        position: relative;
        height:1400px;
    }
    .recontent{
        height:1400px;
        width:100%;
        box-sizing: border-box;
        position:absolute;
        background:white;
    }
    .reparent{
        display: flex;
        flex-wrap: wrap;
    }
    .clear_ding{
        margin-top:155px;
    }
    .reparent>.coure_item:nth-child(4),.reparent>.coure_item:nth-child(8),.reparent>.coure_item:nth-child(12),.reparent>.coure_item:nth-child(16){
        margin-right: 0 !important;
    }
    ul.pagenation{
        list-style: none;
        display: flex;
        align-self: center;
        margin-bottom: 50px;
        margin-left:300px;
    }
    .pagenation>li{
        text-align: center;
        height:30px;
        line-height: 30px;
        width:30px;
        margin-right:15px;
        color:rgba(133,146,149,1);
        border:1px solid rgba(221,221,221,1);
    }
    .pagenation>li:first-child,.pagenation>li:last-child{
        width:100px;
        height:30px;
    }
    .page_active{
        width:30px;
    height:30px;
    color:white !important;
    background:rgba(151,3,147,1);
    }
    /* footer */
    .fp{
        height:200px;
        width:100%;
        background:rgba(68,69,70,1);
        position: relative;
    }
    .footer_detal{
        /* display: flex;
        align-items: center;
        flex-direction: column; */
        position: absolute;
        margin-left:-250px;
        top:50%;
        left:50%;
        width:500px;
        margin-top:-60px;
        text-align: center;
        line-height:30px;
        font-size:14px;
        font-family:MicrosoftYaHei;
        font-weight:400;
        color:rgba(255,255,255,1);
    }
    .copyright{
        font-size:14px;
        font-family:MicrosoftYaHei;
        font-weight:400;
        color:rgba(190,190,190,1);
    }
    .erweima{
        position: absolute;
        right:5px;
        color:white;
        top:30px;
    }
    .focus+img{
        width:109px;
        height:97px;
        margin-top:8px;
    }
}
@media (max-width:375px) {
    .clear_ding{
        margin-top:155px;
    }
    .course>h3{
        margin-left:10px;
    }
    /* .header-container{
        position:fixed;
        z-index: 9999;
        background:white;
    }
    .navbar-collapse{
        padding-left:0 !important;
    }
    .carousel{
        margin-top:200px;
    } */
     /* 课程详情 */
     .bread_nav{
        display: block;
        width:100%;
        height:50px;
        line-height:50px;
        font-size:16px;
        color:#333333;
    }
    .video_desc{
        width:100%;
        height:465px;
        background:white;
        box-sizing: border-box;
        padding:25px 0;
       margin-top:117px;
        /* justify-content: space-between */
    }
    .myallkecheng{
        display: flex;
        flex-wrap: wrap;
    }
    .mykecheng{
        margin-top:239px !important;
        height:1074px !important;
    }
    .kecheng_left{
        width:100% !important;
    }
    .kecheng_right{
        margin-toP:500px;
    }
    .v_time>span{
        margin-right:40px;
    }
    #myvideo{
        width:100%;
        height:190px; 
    }
    .v_detail{
        margin-left:25px;
        width:88%;
        /* border:1px solid black; */
    }
    .v_detail>h3{
        width:100%;
        font-size:18px;
        color:rgba(51,51,51,1);
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        margin-bottom: 15px;
        margin-top:15px;
    }
    .v_time{
        width:60%;
        white-space: nowrap;
        margin-bottom: 4px;
    }
    .v_color{
        font-size:16px;
        color:rgba(102,102,102,1)
    }
    .v_teacher{
        line-height:35px;
    }
    .v_sc{
        width:22px;
        height:20px;
        vertical-align:sub;
        margin-right:10px;
    }
    .mysc{
        margin-top:10px;
    }
    .v_nav{
        width:95%;
        border-bottom:1px solid #E9E9E9;
        /* border:1px solid black; */
        height:75px;
        line-height:75px;
        /* padding-left:50px; */
        margin:0 auto;
    }
    .v_nav>span{
        display: inline-block;
        width:100px;
        font-size:16px;
        height:75px;
        margin-right:35px;
        text-align: center;
    }
    .v_nav_active{
        color:#970393;
        border-top:2px solid #BC31CE;
    }
    .v_nav_content{
        position: relative;
        width:100%;
        margin-top:25px;
    }
    #course_index,#course_detail{
        position: absolute;
        top:0;
        left:0;
        width: 100%;
        background:white;
        height:891px;
        overflow: hidden;
        /* overflow-y:scroll; */
    }
    .course_index_item{
        width:95%;
        margin:0 auto;
        /* border:1px solid black; */
        height:40px;
        background:#F4F4F4;
        border-radius: 5px;
        line-height:40px;
        margin-bottom: 25px;
        color:#666666;
        box-sizing:border-box;
        padding-left:25px;
        font-weight:400;
    }
    .course_index_item_active{
        color:#ffffff;
        background:#970393;
    }
    .hot_recmonded{

        border-left:3px solid #970393;
        height:30px !important;
        line-height: 30px;
    }
    .hot_recmonded_item{
        width:90%;
        margin:0 auto;
    }
  div.neirong{
        width:80%;
        margin-left:25px;

        height:800px;
        box-sizing: border-box;
        padding:25px;
        color:#888888;
        overflow: hidden;
        font-size: 14px;
    }
    .coure_item1{
        display: flex;
        flex-direction: column;
        width: 88%;
        margin: 20px auto;
        position: relative;
      
        height: 279px;
    }
    .coure_item1:hover {
        box-shadow: 0px 3px 9px 0px rgba(153,153,153,0.22);
        border-radius: 0px 0px 5px 5px;
    }
    .coure_item1:hover .mask{
        display: block;
    }
    .coure_item1>p{
        margin-left:10px;
    }
 /*开通会员样式  */


 .kaitongvip{
    height:618px; 
    padding-top:10px;
    margin-top:161px;
    background:white;
    margin-bottom: 35px;
}
.kaitongvip>h3{
    margin-top:25px;
    margin-bottom: 35px;
    font-size: 16px;
}
.kaitong_items{
    width:90%;
    margin:0 auto;
    height:280px;
}
.kaitong_item{
    width:100%;
    height:25%;
    border:1px solid rgba(222,222,222,1);
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-sizing:border-box;
    padding:15px 20px 15px 20px;
}
.times{
    font-size:16px;
    color:#333333;
}
.yiyuan{
    font-size:12px;
    color:#666666;
}
.total{
    font-size:18px;
    color:rgba(255,102,0,1)
}
.kaitong_item_active{
    background:#FFF5EE;
    border:2px solid #FF6600;
}
.jiesuan{
    width:100%;
    margin-top:47px;
    height:229px;
    background:rgba(255,249,237,1);
    border:1px solid rgba(222,222,222,1);

}
.choose{
    width:90%;
    margin:0 auto;
    /* border:1px solid black; */
    display: flex;
    justify-content: space-between;
    height:200px;
    align-items: center;
}
.choose>div>img{
    width:137px;
    height:48px;
    margin-bottom: 15px;
    margin-right:20px;
}
.buytotal{
    color:#FF6600;
    font-size: 18px;
    font-weight: bold;
}
.buynow{
    width:137px;
    height:48px;
    background:rgba(255,102,0,1);
    font-size:18px;
    color:white;
    outline: none;
    border:none;
    margin-top:25px;
    margin-bottom: 0px;
}
    /* 会员中心 */
.vip_bg{
    margin-top:145px;
    height:480px;
    width:100%;
    background-size:100% 100% !important;
}
.vip_content{
    width:100%;
    height:332px;
    margin-top:50px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.vip_item{
    width:48%;
    line-height:38px;
    height:140px;
    background:rgba(255,255,255,1);
    border-radius:10px;
    background:white;
    margin-bottom: 25px;
    text-align: center;
    /* border:3px solid #970393; */
}
.vip_item_active{
    text-align: center;
    width:48%;
    line-height:38px;
    height:140px;
    background:rgba(255,255,255,1);
    border-radius:10px;
    background:white;
    border:5px solid #FBE622;
}
.myred{
    color:red;
}
.myprice{
    font-weight: bold;
    font-size:25px;
}
.sxk{
    width:86px;
    height:22spx;
}
.hour{
    font-size:16px;
}
.kaitong{
    width:162px;
    height:40px;
    background:#FBE622;
    font-size:14px;
    line-height:40px;
    border-radius: 40px;
    text-align: center;
    margin:0 auto;
    font-weight: 500;
}
     /* 我的学习页面样式 */
     .myc_banner{
        width:100%;
        box-sizing: border-box;
        height:141px;
        margin-top:162px;
    }
    .sayhi{
        height:100%;
        width:50%;
        margin:0 auto;
        display: flex;
        flex-direction: column;
        align-items: center;
        align-self: center;
        box-sizing:border-box;
        padding-top:35px;
    }
    .uname{
        color:white;
        font-size:20px;
        margin-bottom: 20px;
        width:200px;
    }
    .muname{
        text-align: center;
    }
    .uname+p{
        color:white;
        font-size: 14px;
    }
    .liubai{
        width:100%;
        height:20px;
        background:#F8F8F8;
    }
    .join{
        width:160px;
        height:60px;
        /* margin-left:-65px;
        margin-top:-18px; */
    }
    .study_nav{
        width:100%;
        height:66px;
        line-height:66px;
        background:#ffffff;
        margin-top:139px;
    }
    .study_nav1{
        width:100%;
        height:66px;
        line-height:66px;
        background:#ffffff;
    }
    .st_item{
        width:100%;
        display: flex;
        justify-content: space-between;
    }
    .st_desc{
        width:100px;
        font-size: 14px;
        margin-right:15px;
    }
    .st_desc_actiev{
        color:#970393;
    }
    .scontent{
        width:100%;
        position: relative;
        margin-top:25px;
        background:white; 
        height:900px;
    }
    .scontent1{
        width:100%;
        position: relative;
        margin-top:15px;
        background:white; 
        height:900px;
    }
    #sjion,#sstu{
        position: absolute;
        top:0;
        left:0;
        width:100%;
        background:white;
        display: flex;
        flex-wrap: wrap;
        justify-self: flex-start;
        padding-left:7px;
        box-sizing: border-box;
    }
    .scontent_item{
        width:48%;
        margin-right:2%;
        margin-top:15px;
        height:200px;
    }
    .scontent_item>img{
        width:100%;
        height:92px;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
    }
    .scontent_item>div{
        width:100%;
        height:112px;
        text-align: center; 
        background:white;
        color:#333333;
        font-size:16px;  
    }
    .scontent_item>div>p{
        width:100%;
        overflow: hidden;
        height:40px;
        line-height:40px;
        text-align: center;
        white-space: nowrap;
        text-overflow: ellipsis;
        background:white;
        color:#333333;
        font-size:12px;  
    }
    .scontent_item>div>a{
        display: block;
       width:117px;
       height:32px;
       border-radius:32px;
       border:2px solid #970393;
       color:#970393;
       line-height:32px;
       margin:25px auto;
       font-size:12px;
    }
    .scontent_item>div>a:hover{
        background:#970393;
        color:white;
    }
    .scontent_item:hover{
        box-shadow:0px 3px 9px 0px rgba(153,153,153,0.21);
        border-radius:0px 0px 5px 5px;
    }
    .mypage{
     
        align-items: center;
        bottom: 0px;
        margin:0 auto;
     
        box-sizing: border-box;
        padding-left:13px;
        margin-top:17px;
    } 
    #myCarousel1 .carousel-indicators .active{
        width:30px;    
    }
    .carousel-indicators li{
        width:30px !important;
        height:5px !important;
    }
    .courser_nav{
        box-sizing: border-box;
        width:100%;
        background:transparent;
        height:50px;
        line-height: 50px;
        white-space: nowrap;
        overflow-x: scroll;
        overflow-y: hidden;
        padding-left:125px;
        -webkit-overflow-scrolling: touch;

    }
    .sm_pl{
        padding-left:165px !important;
    }
    .courser_nav>ul>li{
        padding-left:25px;
    }
}

@media (max-width:320px){
      /*开通会员样式  */
 .kaitongvip{
    height:618px; 
  padding-top:10px;
       margin-top:161px;
    background:white;
    margin-bottom: 35px;
}
.kaitongvip>h3{
    margin-top:25px;
    margin-bottom: 35px;
    font-size: 16px;
}
.kaitong_items{
    width:90%;
    margin:0 auto;
    height:280px;
}
.kaitong_item{
    width:100%;
    height:25%;
    border:1px solid rgba(222,222,222,1);
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-sizing:border-box;
    padding:15px 20px 15px 20px;
}
.times{
    font-size:16px;
    color:#333333;
}
.yiyuan{
    font-size:12px;
    color:#666666;
}
.total{
    font-size:18px;
    color:rgba(255,102,0,1)
}
.kaitong_item_active{
    background:#FFF5EE;
    border:2px solid #FF6600;
}
.jiesuan{
    width:100%;
    margin-top:47px;
    height:229px;
    background:rgba(255,249,237,1);
    border:1px solid rgba(222,222,222,1);

}
.choose{
    width:95%;
    margin:0 auto;
    /* border:1px solid black; */
    display: flex;
    justify-content: space-between;
    height:200px;
    align-items: center;
}
.choose>div>img{
    width:119px;
    height:40px;
    margin-right:20px;
    margin-bottom: 25px;
}
.buytotal{
    color:#FF6600;
    font-size: 15px;
    font-weight: bold;
}
.buynow{
    width:120px;
    height:40px;
    background:rgba(255,102,0,1);
    font-size:18px;
    color:white;
    outline: none;
    border:none;
    margin-top:25px;
    margin-bottom: 26px;
}
    /* 我的学习 */
    .pagenation>li:first-child, .pagenation>li:last-child {
        width: 71px;
        height: 30px;
    }
    .coure_item {
        display: flex;
        flex-direction: column;
        width: 44%;
        margin: 15px 0;
        position: relative;
        margin-right: 15px;
        height: 230px;
    }
    .erweima {
        position: absolute;
        right: 1px;
        color: white;
        top: 30px;
    }
    .sm_pl {
        padding-left: 200px !important;
    }
}



